This article covers:
Locating your iframe embedding code
You can find your iframe code within your Public page by selecting Customise Page in the top right-hand corner:
The left-hand side contains the automatically generated HTML codes for a Button link, a Standard link, and an Embedded iframe.
Select Embedded iframe and copy the code in the box:
Embedding the iframe on your website
Head over to your Wix home page. While in editor mode, select Add elements (+) in the top left menu, Embed code, Popular Embeds then Embed HTML:
From here, select the (+) button to Add to Site:
After you've added the embed section, select Enter code and paste the iframe code under Add your code here (HTTPS only) before selecting Update:
Example of the embedded iframe in editor view:
You can also use the width and height drag tools in this section to adjust the size of your schedule. However, we recommend using the widest setting to make your entire schedule visible.
Your Bookwhen schedule will then be embedded onto your website and ready for your customers to use on your website when it's published.
💡 If required, you can find helpful information on the Wix help library here that explains this process in further detail.
Other information about the iframe
The iframe is fully responsive to mobile devices and should work on any device. For the best mobile performance, we recommend keeping the event names and descriptions as short as possible to prevent the need for scrolling.
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.
If you wish to pre-filter your iframe, you can learn how to do so here.
If you have any issues with your iframe rendering on the page, this is most likely due to another element interfering with the code. We recommend getting in touch with your website manager to troubleshoot further.
Learn about the iframe limitations.
Troubleshooting the iframe button codes
In some website builders, the default HTML codes for "Button link" and "Standard link" may not work as expected. This is because certain builders, like Wix, treat these links as iframes, which requires them to be opened in a new tab or window.
If you encounter issues with the links not functioning correctly, try using an amended version of the HTML code that includes target="_blank", which forces the link to open in a new tab.
An example of how to adjust the code:
Button link
Default:
<a href="https://bookwhen.com/example" title="Book online"><img src="https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png" alt="Book online" style="width:105px;height:22px;" /></a>
Amended:
<a href="https://bookwhen.com/example" target="_blank" title="Book online"><img src="https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png" alt="Book online" style="width:105px;height:22px;" /></a>
Standard link
Default:
<a href="https://bookwhen.com/example">Book online</a>
Amended:
<a href="https://bookwhen.com/example" target="_blank">Book online</a>
💬 Any questions or feedback? There are two ways to get in touch:
For a quicker response, please contact us via live chat on our homepage or your account.
Or send us an email
Thank you! 🕺
Tags: embedding, embed, embedded, iframe, widget, integration, Wix