Embedding Bookeo in your iWeb website is very easy.
Step 1 - Set up the Website integration in Bookeo
1. in your Bookeo account, click on Settings> Theme and Layout > Website integration
2. From the Page location [1] scroll down menu, select the option embed a widget in my web site
3. Copy the widget code shown in the Widget section at point #1 [2]
4. In the Options section from the Second screen [4] dropdown menu, select:
- remain inside the widget, or
- open a separate full-screen page
Click here to learn more about these options.
5. In the Options section from the Mobile [5] dropdown menu, select:
- use the widget embedded in the web site
- enlarge the widget to full screen
Click here for more information on the options offered by Bookeo for the mobile widget.
6. leave the browser window open and open a new tab in your browser
Step 2 - Set up the integration in your iWeb website
1. In iWeb, go to the page where you want to integrate the Bookeo booking widget
2. Choose an HTML snippet from the Web Widgets.
3. Paste the code copied at Step 1 - #3.
4. Click Apply. Resize and position the snippet until it fits well on your page.
The Bookeo widget is not designed to be placed in an HTML element that is less than 520 pixels wide, and we recommend at least 650 pixels wide.
Step 3 - Set up the integration in Bookeo
1. In your Bookeo account, click on Settings> Theme and Layout > Website integration.
2. In the Widget section #2, paste the URL of the webpage where you put the widget [3] (the booking page in your website)
3. Save