It is very easy to embed your Bookeo booking widget in your Hibu web site.

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 Hibu

1. Login as admin to your Hibu account.

2. Go to your booking page, or create a new page

3. Click on the Insert icon in the main toolbar



4. Click on the</> HTML Snippet in the left menu



5. Resize the HTML Snippet.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.
There are many components in the interface that would not fit in a narrow column anyway.We recommend placing the widget in the central part of your page, rather than a side column.

6. Click on the Set up tab in the Editor window. Paste the widget code (that you copied at Step 1 - # 3) and click Apply. You will not see anything, but don't worry!



7. Click on the View my site button on the top right corner of your Hibu admin interface to preview your booking page

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 and input the URL of your booking page at point 2 [3].

2. Save