Skip to main content
Live Calendar™ integration

Add an iFramed event schedule to your website

Yvonne avatar
Written by Yvonne
Updated over a week ago

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:

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

Did this answer your question?