Go to Experiences
All Collections
Advanced Experiences App customizations
How to embed the booking widget outside of your Shopify store

How to embed the booking widget outside of your Shopify store

Use the Shopify storefront access token to give our booking app permission to create carts and checkouts on behalf of your store.
Chip Keyes avatar
Written by Chip Keyes
Updated over a week ago

THIS ARTICLE IS A WORK-IN-PROGRESS AND IS INCOMPLETE (but it's better than nothing;)

Note: This tutorial requires some knowledge of HTML, CSS, and Javascript. If you have any questions about this tutorial, don't hesitate to reach out to use using the chat icon below.

Step 1: Create a Shopify storefront access token.

Step 2: Add the booking widget code to your site

<button class="expapp-booking-form-activator">Book Now</button>
<div
  data-expapp-full-page-booking-form
  data-expapp-full-page-booking-form-product-id="<PRODUCT ID>"
  data-expapp-full-page-booking-form-shop-url="<SHOP_URL>"
  data-expapp-full-page-booking-form-base-url="https://prod-v2-api.experiencesapp.services"
  data-expapp-full-page-booking-form-storefront-access-token="<STOREFRONT ACCESS TOKEN>"
></div>
Did this answer your question?