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