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

How to Add SmartBookings Online Booking to Webflow

Webflow 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: Webflow Online Booking Integration

Webflow is the design tool of choice for agencies and modern attractions demanding bespoke animations and typography. You can link Webflow buttons to your SmartBookings domain or embed the booking engine via Webflow's Embed element.

Method 1: Linking Webflow Buttons (Recommended)

Step A: Copy Your Booking Link

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

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

Step B: Configure the Button in Webflow Designer

3 Open your project in the Webflow Designer.

4 Select your navbar or hero button element.

5 In the right-hand panel, go to Element Settings (D).

6 Under Link Settings, click the URL icon.

7 Paste your https://yourvenue.smartbookings.net/ address.

8 Check Open in a new tab.

9 Publish to your custom domain.

Method 2: Webflow Custom Code Embed Element

To embed the booking form directly within a Webflow container:

1 In Webflow Designer, press A to open the Add Elements panel.

2 Scroll to Advanced and drag an Embed component onto the page canvas.

3 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>

4 Click Save & Close.

5 Publish your site to view the live widget.

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