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

How to Add SmartBookings Online Booking with Elementor

Elementor (WordPress) 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: Elementor Visual Page Builder

Elementor powers millions of WordPress leisure and tourism websites. You can add animated 'Book Now' buttons or embed the full SmartBookings calendar using Elementor's HTML widget.

Method 1: Configuring Elementor Button Widgets (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: Set Up the Button in Elementor

3 Open any page in the Elementor Editor.

4 Drag a Button widget from the left panel onto your section.

5 In the Content tab, set Text to "Book Your Tickets".

6 In the Link field, paste your https://yourvenue.smartbookings.net/ URL.

7 Click the Link Options (Gear icon) and tick Open in new window.

8 Click Update.

Method 2: Elementor HTML Widget (iFrame Embed)

To embed the live calendar directly inside an Elementor container:

1 In Elementor, create a Full Width (1 Column) section.

2 Drag the HTML widget into the section.

3 In the HTML Code box, paste the 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 In the Section layout settings, set Content Width to Full Width and Columns Gap to No Gap.

5 Click Update.

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