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 that will 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 banner, logo and title section of your public booking page will not be included in the iframe and will not be displayed on your website.


Embedding your schedule on a specific website provider:

Please note, the above guides are written by the Bookwhen team, and these providers may have changed their embedding processes since these guides 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 need inserting 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 certain selection of events. This process is explained further in this article:


Embedding the Class passes page

To embed the Class 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 class passes and the schedule sections:


Tags:

Embedding, Embed, Website, iframe

Did this answer your question?