Embedding the Stand Alone Booking form in an iFrame

This article will walk you through how to embed the standalone booking form in a Shopify page.

ie. https://bookthatapp-demo.com/pages/custom-page-for-stand-alone-booking-form 

Steps: 

1. Create a page in your Shopify store where you want the booking form to appear.

2. Navigate to your Theme and select Customize.

3. Click on Pages and select "Create Template".

4. Click on Add Section and add a "Custom Liquid" section

5. Paste the following code making sure you replace <storename> with your Shopify store name:

<div class="rte">
{{ page.content }}
<iframe id="BTA" name="BTA" seamless="" frameborder="0" width="75%" height="1450" scrolling="no" 
src="//<storename>.bookthatapp.com/embed/new" 
style="overflow: hidden; height: 1350px;">
</iframe> 

Note:  You may need to adjust the width value to match your theme.

6.  Go back to your Shopify page and change the template to use the new template you just created.