It is very easy to embed your Bookeo appointments widget on your Shopify website. In this way, you can accept bookings and sell physical products all on one site.

In this article:

• Step 1 - Set up the integration in Bookeo
• Step 2 - Set up the integration in Shopify
• Step 3 - Set up the URL of your booking page in Bookeo

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

Click here for more information on the options offered by Bookeo for the mobile widget.

Step 2 - Set up the integration in Shopify

1. Leave the browser window open and open a new tab in your browser

2. Login as admin to your Shopify account

3. Click on Pages, then on your Booking page, or create a new page.

4. Click on the <> button

5. Paste the widget code (that you copied in step [3]) in the Script Editor

6. Click on the Save button

7. Click on View Page to see the page.

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

1. In your Bookeo account, in the Widget section [1], paste the URL of your booking page [3] 

2. Save