Select a topic:

Setting Up Online Booking for a Shopify Website

This article covers how to integrate the Mangomint online booking widget to allow booking appointments directly on your Shopify website.

NoteIf you have any questions or need help setting up the integration, reach out to chat support for assistance.

Shopify website integration steps

To make sure online booking opens in an overlay on your website, add the script tag to the header section of your website.

1. Copy your script tag from Settings > Online Booking > Setup & Integration.

2. In Shopify, go to Online Store > Themes > Edit code.

3. Select theme.liquid under the Layout folder.

4. Find the closing </head> section in the theme.liquid file and paste the code immediately before it. To quickly search for </head> within theme.liquid, click into the code window and type Cmd + F or Ctrl + F.

5. Create a Book Now button on your website/in your navigation.

6. Copy your online booking integration link and paste it as the click-through URL for the Book Now button.

Can't find what you're looking for?
Start a chat with us to talk to a real person and get your questions answered, or register for one of our live webinars.