Integration with Website X5

It is very easy to embed your Bookeo booking widget in your Website X5 website.

Step 1 - Set up the integration in Bookeo

1. in your Bookeo account, click on Settings> Theme and Layout > Web site 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 Website X5

Log into WebSite X5 and open the project for the website that you want to add the Bookeo widget to:

1. In Step 2 – Sitemap Creation, create a new page or open the page where you want to add the booking form.

2. In Step 3 – Page Creation, select the HTML and Widget Object and drag it into the Page Layout Table and drop it into the cell that corresponds to the position where you want it to appear.

3. Double-click the HTML and Widget Object that you have added.

4. Double-click on the Bookeo widget in the Widgets List: a new window will open and all you have to do is paste (CTRL+V) the widget’s code in the appropriate field.

5. Click the OK button to confirm.

6. In Step 5 – Exporting the Project, click on Export the website to the Internet and publish your website online.

Step 3 - Set up the URL of your booking page in Bookeo

1. In your Bookeo account, click on Settings> Theme and Layout > Web site 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