Start Free Trial SmartBookings — Online Booking & Ticketing Software All Guides
  1. Guides
  2. CMS Integrations Hub

Website & CMS Integrations (Top 15 Platforms)

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

Two Ways to Connect SmartBookings to Your Website

Method 1: Direct 'Book Now' Button (Recommended)

Add a prominent "Book Tickets" button or navigation item linking directly to your dedicated mobile-optimised portal: https://yourvenue.smartbookings.net.

Why Recommended: Delivers the fastest page speed, flawless mobile checkout, and highest booking conversion rates without iframe sizing constraints.

Method 2: Embedded Booking Widget (iFrame)

Copy your venue's responsive embed code from Settings > Add to website (Settings_Embed.aspx) and paste it into an HTML element in your CMS.

Why Use It: Allows visitors to complete the entire calendar selection and checkout directly inside an existing page on your primary domain.

WordPress

Add 'Book Online' menu items, Gutenberg CTA buttons, and embed the responsive iFrame widget in WordPress pages.

Gutenberg Custom HTML Navigation Menu
WordPress Guide

Wix

Connect Wix button elements to your booking engine and embed live booking widgets using Wix HTML iFrame elements.

Wix Editor HTML iFrame Mobile View
Wix Guide

Squarespace

Enable header CTA buttons and embed the SmartBookings booking system into Squarespace Fluid Engine Code Blocks.

Header Button Code Block Fluid Engine
Squarespace Guide

Shopify

Link your Shopify main menu to scheduled ticket sessions and embed the booking calendar onto custom Shopify store pages.

Online Store Navigation Custom Pages
Shopify Guide

GoDaddy Website Builder

Configure GoDaddy hero Action Buttons and embed the responsive booking calendar using GoDaddy HTML sections.

Action Button HTML Section Websites + Marketing
GoDaddy Guide

Umbraco

Add external links via Umbraco Multi-URL Picker and embed widgets using Umbraco Partial Views and Block Grid elements.

Multi-URL Picker Partial Views Block Grid
Umbraco Guide

Webflow

Link Webflow navbar buttons to your booking subdomain and embed widgets via Webflow Custom Code Embed components.

Webflow Designer Link Settings Custom Code Embed
Webflow Guide

Weebly

Connect Weebly Button elements to SmartBookings and embed the live booking calendar using Weebly Embed Code elements.

Button Elements Embed Code Site Editor
Weebly Guide

Joomla

Create System Links URL menu items in Joomla and embed the calendar via Joomla Custom Modules or Articles.

System Links Custom Modules Text Filters
Joomla Guide

Drupal

Add external links in Drupal Main Navigation and embed the booking system into Custom Blocks with Full HTML text filters.

Main Navigation Custom Blocks Full HTML
Drupal Guide

HubSpot CMS

Track booking conversions using HubSpot CTA buttons and embed the calendar onto landing pages via Custom HTML modules.

CTA Tracking Custom HTML Landing Pages
HubSpot Guide

Elementor (WordPress)

Configure Elementor button widgets with custom styling and embed the booking flow into full-width Elementor HTML widgets.

Button Widget HTML Widget Full Width
Elementor Guide

Jimdo

Add external button links to your booking page and embed the booking calendar using Jimdo Widget / HTML elements.

Buttons Widget / HTML Creator
Jimdo Guide

Ghost CMS

Connect Ghost primary navigation links to your booking engine and embed responsive calendars via Ghost HTML cards.

Navigation HTML Cards Fast Publishing
Ghost Guide

Custom HTML & Static Sites

Add Bootstrap 5 CTA buttons, use the SmartBookings button generator, and embed responsive iFrames or JavaScript widgets.

Bootstrap 5 HTML5 iFrame Button Generator
Custom HTML Guide

Ready to Automate Your Bookings?

Join hundreds of UK operators running on SmartBookings with 0% platform booking fees and automated payments.

Start 14-Day Free Trial →

Frequently Asked Questions

Everything you need to know about setting up and scaling with SmartBookings:

How do I embed the SmartBookings calendar onto WordPress, Wix, or Squarespace?

In Settings > Embed Codes (Settings_Embed.aspx), copy your responsive iFrame embed code. In your website builder (WordPress, Wix, Squarespace, Shopify, Webflow), paste the code into any standard Custom HTML or Embed block. The live calendar displays instantly.

What is the difference between a direct 'Book Now' button and an embedded widget?

A 'Book Now' button links visitors to your branded subdomain (https://yourvenue.smartbookings.net) where checkout occurs in a dedicated full-screen layout. An embedded iFrame widget keeps visitors directly on your website page without redirecting.

Is the SmartBookings booking widget mobile-responsive across all screen sizes?

Yes. The booking interface automatically detects the user's viewport, scaling down seamlessly for iPhone, Android, iPad, and desktop viewports with touch-friendly date selection.

Can I track Google Analytics 4 (GA4) and Facebook Pixel conversions with embedded bookings?

Yes. SmartBookings supports GA4 measurement IDs and Meta Pixel tracking, firing conversion events when visitors complete paid bookings or deposit payments.

Does embedding the booking engine slow down my website's page loading speed?

No. The booking widget loads asynchronously in an isolated iFrame, meaning your website's Core Web Vitals, images, and SEO content render at full speed without performance drag.
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