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

How to Add SmartBookings Online Booking to Umbraco

Umbraco 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: Umbraco CMS Integration

Umbraco is an enterprise .NET content management system trusted by large leisure chains, multi-attraction resort destinations, and municipal recreation trusts.

Integrating SmartBookings into your Umbraco architecture is straightforward and flexible.

Method 1: Linking in Umbraco Navigation (Recommended)

Using Umbraco's Content Tree and Multi-URL Picker, you can direct visitors to your dedicated booking engine.

Step A: Get Your Booking Link

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

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

Step B: Add to Umbraco Navigation

3 Log into your Umbraco Backoffice (/umbraco).

4 In the Content section, open your Site Settings or Navigation document.

5 In the Link Picker property, click Add Link.

6 Select External Link, paste your https://yourvenue.smartbookings.net/ URL, name it "Book Now", and check "Open in new window".

7 Click Save and Publish.

Method 2: Creating an Umbraco Partial View / Block Grid iFrame

To embed the booking form directly within an Umbraco template or Block Grid layout:

1 In the Umbraco Backoffice, go to Settings > Partial Views (or create a custom Block Element).

2 Add the following Razor / HTML markup into your template:

<div class="smartbookings-embed-wrapper" 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 title="Online Booking System"></iframe> </div>

3 Insert the Partial View into your target Umbraco content node (e.g. /tickets).

4 Save and publish.

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