This supplement provides additional information on using the Lightbox integration with WordPress. Please read our standard Lightbox instructions first.
*Important: When following the instructions below, please be sure to replace [subdomain] with your actual subdomain (more info here).
How to Install the Header/Footer Plugin and Booking Lightbox Script
- Login to your WordPress Dashboard (usually yourdomainname/wp-admin)
- Click Plugins on the Dashboard Menu
- Click the Add New button
- Under Keyword, search for Header and Footer Scripts by Digital Liberation and hit enter
- Next to the Header and Footer Scripts plugin, click the Install Now button
- After installation is finished, click Plugins on the Dashboard Menu
- Click the Activate link under Header and Footer Scripts
- On the Dashboard Menu, click Settings -> Header and Footer Scripts
- Under the Scripts in header section, type the following:
<script type="text/javascript"src="https://[subdomain].starboardsuite.com/assets/frontend/booking-lightbox.js"></script> - Click Save settings
How to add a menu option that opens the lightbox
- Login to your WordPress Dashboard
- Click on Appearance -> Menus
- Click Custom Links
- Under the URL, type in https://[subdomain].starboardsuite.com/online-booking/lightbox/v1/calendar.
- Under the Link Text type Booking (or any title you want).
- Click Add To Menu
How to add a text or image link that opens the lightbox
- Login to your WordPress Dashboard
- Add a New Page (or open an Existing Page)
- Add text or insert an image that will be used as the Booking link.
- Highlight the text or image and click the Insert Link button on the toolbar.
- Type in https://[subdomain].starboardsuite.com/online-booking/lightbox/v1/calendar
- Click Apply (Blue arrow).
- Save and publish your changes