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

Linking & Embedding in Custom HTML Sites

HTML5 / Bootstrap 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: Custom HTML & Bootstrap Websites

If your attraction website is built with custom HTML5, Bootstrap, Tailwind CSS, or static site generators (Next.js, Astro, Hugo, Jekyll), SmartBookings integrates cleanly with minimal code.

Method 1: Adding a Bootstrap / CSS CTA Button (Recommended)

Add a standard anchor tag with your venue's booking URL:

<!-- Bootstrap 5 CTA Button --> <a href="https://yourvenue.smartbookings.net/" class="btn btn-primary btn-lg" target="_blank" rel="noopener"> <i class="bi bi-calendar-check"></i> Book Tickets Online </a>

You can also use the built-in Button Generator under Settings > Add to website > Add a button (Settings_Embed.aspx) to generate self-contained styled CSS buttons with custom color pickers!

Method 2: Responsive HTML5 iFrame Embed

Paste this responsive wrapper into your HTML document where you want the booking flow to appear:

<!-- Responsive SmartBookings Embed Container --> <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 title="Book Online with SmartBookings"></iframe> </div>

Method 3: JavaScript Dynamic Script Embed

SmartBookings also provides a lightweight JavaScript snippet that automatically handles iframe resizing:

<div id="sbmain" frameid="edh-iframe" urltouse="https://yourvenue.smartbookings.net/bookevent?embed=1"></div> <script src="https://yourvenue.smartbookings.net/Scripts/embed.js?v=1"></script>
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