If your website is built using Google Site, you can integrate the Bookeo widget into your website.
In this article:
Integration in a "New" Google site
Step 1 - Set up the 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. This is the recommended option for Google Sites
Click here for more information on the options offered by Bookeo for the mobile widget.
Enlarge the widget to full screen on mobile devices
Since the Google Site does not allow to resize the element height for mobile, if you select to embed the widget on mobile, it would be cut off. Therefore we do recommend to enlarge the widget to full screen on mobile.5. leave the browser window open and open a new tab in your browser
Step 2 - Set up the integration in Google Site
1. Go to your booking page
2. Click on the Insert [6] at the right top corner
3. Click on <>Embed [7]. A popup window will open
4. Click on EMBED CODE [8] and paste the code [9] copied at Step 1, #3.
5. Click NEXT [10]
6. You will see a preview of the Bookeo widget. Click on INSERT [11]
7. Due to the New Google Site limitations, the Bookeo widget cannot auto-resize automatically to adjust to the content of the booking area - as it happens on non-New Google Site web sites.
Therefore, please make sure to manually resize the rectangle so that its height can contain your booking interface at every step of the booking process. If not enough height is set for the rectangle, then inner scrollbars will appear in the page during the booking process.
8. Click on the PUBLISH button to publish the site.
Step 3 - Set up the URL of your booking page 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
Integration in a "Classic" Google site
Step 1 - Set up the 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. This is the recommended option for Google Sites
Click here for more information on the options offered by Bookeo for the mobile widget.
Enlarge the widget to full screen on mobile devices
Since Google Site embeds the booking wiget into an iframe, we do recommend to enlarge the widget to full screen on mobile.5. leave the browser window open and open a new tab in your browser
Step 2 - Set up the integration in Google Site
Contact our Support Team before setting the integration
Before you set up the website integration, please contact our Technical Support Team at support@bookeo.com and ask them to disable the feature to check for the presence of the widget in your booking page for your account.
1. Go to your booking page
2. Click on the Edit link at the right top corner
3. Click on the Insert [6] menu and select More gadgets... [7]
4. Click on Add gadget by URL [8] and paste [9] this address: http://hosting.gmodules.com/ig/gadgets/file/110358610345038412817/bookeo_1.xml
5. Click on the Add button
6. Paste the Account Id [10] obtained at Step 1 - point 3 and adjust width/height [11] of gadget as necessary.
7. Click on the OK button
8. Click on the Save button
Step 3 - Set up the URL of your booking page 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