If you use the Live Calendar integration, we recommend ALSO using the Simple Integration or our newer Lightbox Integration somewhere on your site for improved search engine optimization (SEO).
-------------
Including the booking lightbox code
Even if you don't intend to use the booking lightbox directly, we strongly recommend that you add our booking lightbox code to your website.
Including the booking lightbox code:
Improves the user experience for your customers by opening calendar links in a lightbox rather than a separate browser tab
Is required when tracking your traffic with Google Analytics or Tag Manager
Add this code inside the HEAD tag at the top of your page (be sure to replace [subdomain] with your actual Starboard Suite subdomain):
<script type="text/javascript" src="https://[subdomain].starboardsuite.com/assets/frontend/booking-lightbox.js"></script>
Configuring the iFrame
Advanced notes:
You can limit the events displayed to a specific event type, departure location or resource by appending a tour_type_id, departure_location_id or vessel_id to the end of the iFrame URL.
-------------
The sizes below are just examples — feel free to use whatever size iframe works best for your website. The calendar is responsive and will look great at any size.
*Be sure to replace [subdomain] with your actual Starboard Suite subdomain.
Here's an example that's 1024px wide
<iframe src="https://[subdomain].starboardsuite.com/choose-date-embedded" width="1024" height="800" frameborder="0"></iframe>
Here's an example that's 400px wide
<iframe src="https://[subdomain].starboardsuite.com/choose-date-embedded" width="400" height="800" frameborder="0"></iframe>
Keywords: embed