Bookwhen

<a href="#h_7e1348dc67">Locating your iframe embedding code</a>

<a href="#h_63130dfff4">Embedding the iframe on your GoDaddy website</a>

<a href="#h_8422f2af17">Further information about the iframe</a>

- <a href="#h_7e1348dc67">Locating your iframe embedding code</a>
- <a href="#h_63130dfff4">Embedding the iframe on your GoDaddy website</a>
- <a href="#h_8422f2af17">Further information about the iframe</a>

___________________________________________________________

Open your Public page and select Customise Page:

Public page with arrow pointing at 'Customise page'

Find the HTML code for your page section, containing the codes for a Button link, a Standard link, and an Embedded iframe.

Select Embedded iframe and copy the code in the box:

Customise page settings with an arrow pointing at the 'Embedded iframe' code

1. Open your Public page and select Customise Page:
 
 Public page with arrow pointing at 'Customise page'
 
 
2. Find the HTML code for your page section, containing the codes for a Button link, a Standard link, and an Embedded iframe.
3. Select Embedded iframe and copy the code in the box:
 
 Customise page settings with an arrow pointing at the 'Embedded iframe' code

To embed your Bookwhen schedule into your GoDaddy website:

Open your GoDaddy <a href="https://account.godaddy.com/products/" rel="nofollow noopener noreferrer" target="_blank">product page</a>.

Scroll to Websites + Marketing and select Manage next to your website to open your site. Then choose Edit Website or Edit Site to open your website builder.

Open the page and location you want to add your iframe to and select Add section:

GoDaddy website example showing the editor screen

Search for HTML in the top bar and select Add:

Paste your copied iframe code into the Custom Code field on the right:

GoDaddy website builder page showing the 'Custom code' field

1. Open your GoDaddy <a href="https://account.godaddy.com/products/" rel="nofollow noopener noreferrer" target="_blank">product page</a>.
2. Scroll to Websites + Marketing and select Manage next to your website to open your site. Then choose Edit Website or Edit Site to open your website builder.
3. Open the page and location you want to add your iframe to and select Add section:
 
 GoDaddy website example showing the editor screen
 
 
4. Search for HTML in the top bar and select Add:
 
 HTML edit screen on GoDaddy
 
 
5. Paste your copied iframe code into the Custom Code field on the right:
 
 GoDaddy website builder page showing the 'Custom code' field

Changes are saved automatically, and you can Preview or Publish your page as needed.

💡 <a href="https://uk.godaddy.com/help/add-html-or-custom-code-to-my-site-27252" rel="nofollow noopener noreferrer" target="_blank">GoDaddy explains the embedding iframe process further</a>.

The iframe is fully responsive to mobile devices and should work on any device. To maximise the mobile experience, we recommend keeping event names and descriptions short to minimise scrolling.

The iframe only displays your schedule, events, and alert banner. It does not include banner images, buttons, the footer, or any other custom page edits.

<a href="https://support.bookwhen.com/en/articles/753345-filtering-the-public-page">You can pre-filter your iframe</a>.

Troubleshooting appearance issues: If your iframe doesn't display correctly, another element on your website may be interfering with the code. We recommend reaching out to your website manager for troubleshooting.

- The iframe is fully responsive to mobile devices and should work on any device. To maximise the mobile experience, we recommend keeping event names and descriptions short to minimise scrolling.
 
- The iframe only displays your schedule, events, and alert banner. It does not include banner images, buttons, the footer, or any other custom page edits.
 
- <a href="https://support.bookwhen.com/en/articles/753345-filtering-the-public-page">You can pre-filter your iframe</a>.
 
- Troubleshooting appearance issues: If your iframe doesn't display correctly, another element on your website may be interfering with the code. We recommend reaching out to your website manager for troubleshooting.

✨ <a href="https://support.bookwhen.com/en/articles/9760329-iframe-limitations">Learn about the iframe limitations</a>.

Some website builders, such as WordPress, may treat the Button link and Standard link codes as iframes. This can cause issues, requiring the links to open in a new tab or window.

Fix: If your links aren’t working as expected, use an amended version of the HTML code with <code>target="_blank"</code> to ensure they open in a new tab.

- Fix: If your links aren’t working as expected, use an amended version of the HTML code with <code>target="_blank"</code> to ensure they open in a new tab.

&lt;a href="<a href="https://bookwhen.com/example" rel="nofollow noopener noreferrer" target="_blank">https://bookwhen.com/example</a>" title="Book online"&gt;&lt;img src="<a href="https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png" rel="nofollow noopener noreferrer" target="_blank">https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png</a>" alt="Book online" style="width:105px;height:22px;" /&gt;&lt;/a&gt;

&lt;a href="<a href="https://bookwhen.com/example" rel="nofollow noopener noreferrer" target="_blank">https://bookwhen.com/example</a>" target="_blank" title="Book online"&gt;&lt;img src="<a href="https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png" rel="nofollow noopener noreferrer" target="_blank">https://d1abtw6bgq2xi2.cloudfront.net/images/bookonline_button.png</a>" alt="Book online" style="width:105px;height:22px;" /&gt;&lt;/a&gt;

&lt;a href="<a href="&gt;Book'%20rel=" rel="nofollow noopener noreferrer" target="_blank">https://bookwhen.com/example"&gt;Book</a> online&lt;/a&gt;

&lt;a href="<a href="https://bookwhen.com/example" rel="nofollow noopener noreferrer" target="_blank">https://bookwhen.com/example</a>" target="_blank"&gt;Book online&lt;/a&gt;

- For the quickest response, contact us via live chat on our <a href="https://bookwhen.com/" rel="nofollow noopener noreferrer" target="_blank">homepage</a> or <a href="https://admin.bookwhen.com/dashboard" rel="nofollow noopener noreferrer" target="_blank">your account</a>. Buddy, our trusty chatbot, will assist first and pass you to a support team member if needed.
- Prefer email? Send us an <a href="mailto:support@bookwhen.com" rel="nofollow noopener noreferrer" target="_blank">email</a> instead.

This article covers:

Locating your iframe embedding code

Embedding the iframe on your website

Further information about the iframe

Troubleshooting the iframe button codes

An example of how to adjust the code:

Button link

Standard link