Embedding Bookeo in your Weebly E-commerce by Square website is very easy.

In this article:

• Step 1 - Set up the Website integration in Bookeo
• Step 2 - Set up the integration in your Weebly website
• Step 3 - Set up the integration in Bookeo

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 website

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 website
• 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 Weebly website

1. In Weebly, create the page where you want your Bookeo widget to appear. A good name for the page could be "Online Bookings"

2. Open the page in Weebly, and drag the </> Embed Code [6] element from the Weebly toolbar (under the Basic section), onto the page



3. Click on Click to set custom HTML [7], then on Edit custom HTML [8]and paste the code copied earlier at Step 1 - Point 2. 


4. Click on the Publish button at the top to open your new website in the browser

5. Go to your Booking Page and copy the URL of the page

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 on your website)

3. Save