This guide covers:
- Locating your iframe embedding code
- Installing an iframe plugin on WordPress
- Embedding the iframe on your website using your plugin
- Other information about the iframe
Locating your iframe embedding code
- Visit your Public page
- Select Page setup in the top right of that page
- You'll see on the left-hand side 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 below as shown here:
Installing an iframe plugin
Bookwhen currently uses an iframe integration in order to add your schedule page to your website. WordPress does not support iframes directly in their editor section, however, it's very easy to add your iframe by installing an iframe plugin onto your WordPress account. Click here to see a list of iframe plugins for WordPress. Locating an iframe plugin is also demonstrated below.
Please note, you will only be able to install plugins onto your WordPress if you have a Business or eCommerce WordPress plan.
Embedding the iframe on your website
Once you have your chosen iframe plugin installed, you will then be able to paste your copied embedded iframe into your page via your iframe plugin whilst in edit mode.
Here is a helpful video demonstrating using the plugin called iframe by webvitality. From 1.12 - 2.05 you're shown how to install the plugin and then how to paste your embedded iframe into your page. You will not need to use the plugin's shortcode, you can simply paste your copied embedded iframe into a new text box section.
Other information about the iframe
- The iframe is fully mobile responsive and should work on any device. For the best performance on mobile, we recommend keeping the event names and descriptions as short as possible, to prevent the need for scrolling.
- The iframe will only every display your schedule and events. Nothing else from your page will be included, which is why banner images, buttons, and the footer are not carried across.
- If you wish to pre-filter what is displayed in your iframe, you can read how to do so here.
- If you have any issues with how your iframe is rendering on the page, this is most likely due to another element on the page interfering with the code. We recommend getting in touch with your website manager to troubleshoot further.
Tags: WordPress, WP, embed, embedding, iframe, plugin, widget, integrate, integration