To find your page links, open your Public page, then select Customise page in the top right corner:

You will then find a section called HTML code for your page with three options:

Select this option, then copy the code for a Book Online button that you can add to your website link to your schedule page:

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

The link will then appear like this - Book online.
​

Select this option, then copy the code for your embedded iframe. This option, when pasted into your website, will embed your schedule page into your website.

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:

To do this. Select the event you'd like to share, then View details from the right-hand side:

You can find the URL extension in the address bar:

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

💡 Learn how to create a filter to add to the iframe to show only a specific selection of events here.

Please note that resizing the iframe requires additional coding. If you aren't familiar with coding/aren't a web developer, we recommend that you reach out to one to help with this step.

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. 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 learn more about resizing the iframe here.

To embed the Passes section of your public page, you'll need to insert the word 'passes' into the iframe as shown in the below example in bold:

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

Similar to embedding the passes page, to embed the Membership section of your public page, you'll need to insert the word 'memberships' into the iframe as shown in the below example in bold:

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

The iframe will only display your schedule, events and alert banner. It doesn't include banner images, buttons, the footer or any other additional edits on your page.

Return to the top ⬆️

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