Integrating the Booking Site into Shopify

Follow these simple steps to integrate your Resova booking site into your Shopify store:

1. Retrieve the Embeddable Code from Resova

• In your Resova dashboard, go to Settings > Booking Site Settings.
• Click the Publish Booking Site button in the settings menu on the left-hand side.
• Select the Shopify integration option under “How do you want to publish?”
• Copy the HTML and JavaScript embeddable code provided by Resova.

2. Add the Code to Your Shopify Store

1. Log in to your Shopify admin account.
2. Navigate to Online Store > Themes, and click Customize on your active theme.
3. Choose the location on your website where you want the booking system to appear.
   1. For example, add the code to the Home Page or a Custom Page.
4. Select the Custom HTML block or the equivalent section and paste the Resova embeddable code into the field.
5. Save and publish your changes.

3. Preview and Adjust

• View your Shopify website to ensure the booking integration appears and functions as expected.
• Adjust the placement or layout through your Shopify theme editor as needed.

4. Additional Tips

• Use Shopify’s page builder tools to customize the look and feel of your booking integration.
• You can add our embeddable code to Shopify by editing the HTML on the page you would like Resova to show. See how to edit HTML on your Shopify site, scroll down to "Viewing the Edit HTML/CSS page".

Note: Basic HTML knowledge can be helpful when embedding the Resova code into Shopify. Reach out to your web developer if you need additional help.