This article covers:


Locating your button link, URL link and embedded iframe codes

Visit your Public page, then select Page setup in the top right corner. You will then find a section called HTML code for your page: with three options:

Button link

Select this option to locate and copy the code for a Book Online button that will link to your schedule page.

Standard link

Select this option to locate and copy the code for an embedded URL link to your schedule page. You can amend the text that is displayed here in bold:

<a href="https://bookwhen.com/example">Book online</a>

The link will then appear like this - Book online.

Embedded iframe

Select this option to locate and copy the code for your embedded iframe. This option will embed your schedule page into your website.

Please note the iframe will not include the banner, logo and title section of your public booking page or on your website.


Embedding your schedule on a specific website provider:

💡 To note: The Bookwhen team writes the above guides, and these providers may have changed their embedding processes since they were written.



Filtering the iframe

If you'd like to embed your iframe for a specific event, you will need to ensure that you insert the URL extension from the View details page of the required event:

The URL extension then needs to be inserted into the iframe as shown here in this example in bold:

<iframe src="https://bookwhen.com/example/iframe/e/ev-sa48-20190208130000" frameborder="0" scrolling="yes" seamless="seamless" style="display:block;border:none;width:100%;height:900px;"></iframe>

💡 You can also create a filter to add to the iframe to show only a specific selection of events. This process is explained further in this article: Filtering the public page


Resizing the iframe

You auto-resize the iframe by including a script linked to https://cdn.bookwhen.com/js/iframe_resizer.js.

Alternatively, you can write your own script based on the coding in the above link if you are (or have) web developers. The above javascript file explains that Bookwhen sends a message from Bookwhen's iframe to the parent window with data that includes the height of the iframe content as a number. You can use that however you wish, or you can insert our script to do it without needing to code it. 🕺

You can read more about resizing the iframe here.


Embedding the Passes page

To embed the Passes section of your public page, the word passes needs to be inserted into the iframe as shown here in this example in bold:

<iframe src="https://bookwhen.com/example/iframe/passes" frameborder="0" scrolling="yes" seamless="seamless" style="display:block;border:none;width:100%;height:900px;"></iframe>

This section will then appear first on the embedded iframe. However, clients will be able to switch between the passes and the schedule sections:

Return to the top


Tags: embedding, embed, website, iframe, integrate, integrating, class, class pass

Did this answer your question?