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).


Advanced notes: 

  1. 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.

  2. If you include our booking lightbox code at the top of your page, calendar links will open in a lightbox rather than a separate browser tab.

    *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>


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">

Here's an example that's 400px wide

<iframe src="https://[subdomain].starboardsuite.com/choose-date-embedded" width="400" height="800" frameborder="0"></iframe>
Did this answer your question?