Add a Booking Widget to Your HubSpot CMS Pages
Add SchedulingKit booking to HubSpot CMS pages by pasting the inline embed or popup code from Share & Embed into a Rich Text or custom HTML module, so visitors on your landing pages and blog posts can book without leaving HubSpot.
Free forever plan available • No credit card required
A HubSpot CMS booking widget is an embeddable calendar that lets visitors schedule appointments directly on your HubSpot CMS website without leaving the page. SchedulingKit lets you embed a free booking widget on HubSpot CMS in 2026. View all Booking Widget.
How to Add a Booking Widget to HubSpot CMS
Follow these steps to embed the SchedulingKit booking widget on your HubSpot CMS site
Copy the Embed Code
In SchedulingKit, open Event Types → Share & Embed for the service and copy the Inline Embed (iframe) or Popup Widget code.
Open the HubSpot Page Editor
In HubSpot, open the website page, landing page or blog post where you want booking, for example a Book a Consultation landing page, and click Edit.
Add an HTML-Capable Module
Add a Rich Text module and use its source code (</>) view, or a custom HTML module if your theme has one.
Paste the Code
Paste the SchedulingKit code and apply the change. Preview the page to check the booking page fits the module width.
Publish and Connect the CRM
Publish the page. On SchedulingKit Pro and above, set up a Zapier zap (New Booking → create or update HubSpot contact) so bookings reach your CRM.
Ready-to-Use HubSpot CMS Embed Code
Copy and paste this snippet into your HubSpot CMS site to add a booking widget instantly:
<!-- SchedulingKit inline embed: copy your exact code from Share & Embed -->
<iframe src="YOUR-BUSINESS" style="width:100%;height:700px;border:none;border-radius:8px" loading="lazy"></iframe>
<!-- Or the popup widget -->
<script src="YOUR-BOOKING-DOMAIN/embed.js"></script>
<button onclick="SchedulingKit.popup('YOUR-BUSINESS')">Book now</button>Replace YOUR-BUSINESS with your SchedulingKit booking page URL. Create your free account to get your personalized embed code.
HubSpot CMS Widget Features
Platform-specific features that make the booking widget work smoothly on HubSpot CMS
Inline Embed
The booking page appears inside your HubSpot page layout as an iframe; visitors pick a time without leaving the page.
Popup Button
A button that opens the booking page in a popup, useful on long landing pages or in a site header.
HubSpot CRM via Zapier
On Pro and above, Zapier triggers such as New Booking and New Customer create or update HubSpot contacts. There's no native HubSpot integration, and embedded bookings aren't HubSpot form submissions.
Booking Questions
Ask qualifying questions in the booking form and map the answers to HubSpot contact properties in your Zapier zap.
Best Practices for HubSpot CMS Booking Widgets
Tips for getting the most out of your embedded booking widget on HubSpot CMS
Put the booking embed on landing pages where visitors are ready to talk, such as demo or consultation pages
Link each landing page to the specific SchedulingKit service it's about
Use Zapier to create the HubSpot contact so follow-up workflows can run in HubSpot
Add a popup button in your site header HTML for a site-wide Book Now call to action
Test the page on mobile before publishing
HubSpot CMS Booking Widget Questions
Add a Booking Widget to HubSpot CMS Today
Join 5,000+ teams using SchedulingKit
Free forever plan available • No credit card required