Integration in a WordPress website

Bookeo Online Scheduling and Reservation System can be embedded into any WordPress site.

 

Step 1 - Set up the integration in Bookeo
1. In your Bookeo account, go to Settings>Website Integration

2. From the Page location [1] scroll down menu, select embed a widget in my website.  [This will open new options on the page]

3. In the Widget section #1, copy the account GUID (alphanumeric ID) that appears between ?a and '></script> [2]


4. Click on the button below to download the Bookeo WordPress Plugin to your hard disk

    

 

Step 2 - Set up the integration in Wordpress


1. Login to your WordPress account as administrator

2. Click on Plugins [4]>Add New [5]



3. Click on Upload Plugin [6]

4. Click on the Choose file [7] button, select the plugin file from your hard disk, and click Install  Now [8]


 

(Mac OSX tip: depending on your browser preferences, Safari may not allow you to upload zip files, and will try to open them instead. See these simple instructions on how to change your Safari setting)


5. Click on Activate Plugin



6. Click on the new Bookeo [10] menu item on the left



7. Paste the account GUID code [11] that you copied at Step 1 - point 3 above, and click Save Changes [12]

8. You can now embed the widget in any of your pages: simply type the text {bookeo} in the text editor [13]


 

If you want to show the Bookeo widget in a sidebar/WordPress text widget instead of the Page content, simply type the following in the text widget:
<div id="bookeo_position"></div>

 

9. Click Preview to preview the page. Click Update to Save.

 
  • Make sure that {bookeo} is still present somewhere in the page content. The above code for the text widget will show the Bookeo widget in that position, ONLY in the pages where there is {bookeo} in the content.

  • ​The widget requires a width of at least 520 pixels (and 650 pixels or higher is recommended). Please check the layout of your WP text widget to ensure it is wide enough.

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

1. In your Bookeo account, click on Settings>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

 

The website must be accessible: Bookeo will check for the presence of the widget code in your web site and it will not save the changes if it cannot find the widget code. 

If you want to integrate Bookeo into a website that is not accessible, please email our Support Team at help@bookeo.com and they will be able to assist you.