Start Free Trial SmartBookings — Online Booking & Ticketing Software All Guides

How to Add SmartBookings Online Booking to Shopify

Shopify Integration Admin Location: Settings > Add to website (/admin/pages/Settings_Embed.aspx)

At a Glance • Key Takeaways

  • Automated Efficiency: Streamline online bookings, live availability scheduling, and customer communication without manual intervention.
  • Live Capacity & Conflict Prevention: Prevent double-booking across staff, rooms, activity sessions, or rental fleet assets in real time.
  • 0% Platform Booking Fees: SmartBookings does not charge transaction fees or take percentage cuts of your ticket sales or customer payments.

Overview: Shopify Ticketing & Session Management

Many venues sell merchandise, branded apparel, or retail products on Shopify while using SmartBookings for live time-slot admissions and party bookings.

Integrating SmartBookings with Shopify allows your online store visitors to seamlessly book scheduled activities with live capacity management.

Method 1: Adding a 'Book Online' Link to Your Shopify Navigation (Recommended)

Direct navigation linking is the cleanest way to connect Shopify with SmartBookings.

Step A: Copy Your Booking Link

1 In SmartBookings, navigate to Settings > Add to website (Settings_Embed.aspx).

2 Copy your unique booking address (e.g. https://yourvenue.smartbookings.net/).

Step B: Add to Shopify Navigation Menu

3 Log into your Shopify Admin dashboard.

4 Go to Online Store > Navigation.

5 Click Main menu.

6 Click Add menu item.

7 Name the menu item "Book Tickets" or "Book Now".

8 In the Link field, paste your https://yourvenue.smartbookings.net/ address and click Add.

9 Click Save menu. A prominent link now appears on your Shopify header!

Method 2: Embedding the Booking System on a Shopify Page

If you want customers to remain on your Shopify domain:

1 In Shopify Admin, go to Online Store > Pages.

2 Click Add page and title it "Book Online".

3 In the content editor, click the <> (Show HTML) button in the toolbar.

4 Paste the responsive embed code snippet:

<div style="position: relative; width: 100%; min-height: 850px; overflow: hidden;"> <iframe src="https://yourvenue.smartbookings.net/bookevent?embed=1" style="width: 100%; min-height: 850px; border: 0;" frameborder="0" allowfullscreen></iframe> </div>

5 Click Save.

6 Link to this new page from your Shopify navigation or homepage hero banner.

Try SmartBookings Free

Ready to Automate Your Bookings & Boost Revenue?

Join hundreds of leisure venues, sports clubs, clinics, and equipment hire businesses. Set up your online booking system in under 10 minutes with 0% platform booking fees.

14-Day Free Trial No Credit Card Required Free Setup & UK Support
Start Free Trial → Instant setup • Cancel anytime