How to Add SmartBookings Online Booking to HubSpot CMS

Overview: HubSpot CMS & SmartBookings

HubSpot CMS Hub combines powerful CRM marketing automation with landing page creation. Connecting your SmartBookings system enables visitors to book tickets while you track inbound marketing campaigns.

Method 1: Creating a HubSpot CTA Button (Recommended)

HubSpot's Call-to-Action (CTA) tool lets you track click-through rates and customer conversions.

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 CTA in HubSpot

3 In your HubSpot account, go to Marketing > Lead Capture > CTAs.

4 Click Create CTA and select Button.

5 Set button text to "Book Tickets Now".

6 Under URL redirect, paste your https://yourvenue.smartbookings.net/ address.

7 Check Open in a new tab and save.

8 Insert the CTA module into your HubSpot page template or header.

Method 2: Embedding via HubSpot Custom HTML Module

To display the live calendar on a HubSpot landing page:

1 In the HubSpot page editor, drag a Custom HTML or Rich Text module onto the page.

2 Click Edit Source Code.

3 Paste the embed code:

4 Click Save changes and Publish.