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:

Please 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


Embedding the Passes page

To embed the Passes section of your public page, the word passes needs inserting 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?