Add a Booking Widget to Your HubSpot CMS Pages
Embed the SchedulingKit booking widget on HubSpot CMS pages using an Embed Module or custom HubL code. Capture bookings directly on your marketing pages, landing pages, and blog posts.
Free forever · No credit card required · Live in minutes
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. See all platform guides.
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 Snippet
Get the HTML embed code from the SchedulingKit dashboard.
Open HubSpot Page Editor
In HubSpot, go to Marketing → Website → Website Pages and click Edit on the page where you want the widget.
Add an Embed Module
In the page editor, click Add → Module and search for 'Embed'. Drag the Embed module into your desired page section.
Paste the Code
Click the Embed module, paste the SchedulingKit snippet into the embed code field, and click Apply Changes.
Publish the Page
Click Update or Publish. The booking widget now appears on your HubSpot CMS page and feeds data into your HubSpot CRM automatically via form submissions.
Ready-to-Use HubSpot CMS Embed Code
Copy and paste this snippet into your HubSpot CMS site to add a booking widget instantly:
<!-- SchedulingKit Booking Widget --> <div id="schedulingkit-widget"></div> <script src="https://widget.schedulingkit.com/embed.js" data-url="https://app.schedulingkit.com/YOUR-BUSINESS" data-style="inline" data-primary-color="#4F46E5" async> </script>
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 seamlessly on HubSpot CMS
Embed Module
HubSpot's built-in Embed module renders the booking widget inline with your drag-and-drop page layout — no developer tools required.
HubL Template Integration
For advanced users, add the widget to HubL templates so it appears automatically on specific page types like service or contact templates.
CRM Data Sync
Booking form submissions can be mapped to HubSpot CRM contacts, creating deals and triggering workflows automatically.
Smart Content Pairing
Use HubSpot's smart content rules to show different booking widgets to different audience segments based on lifecycle stage or list membership.
Best Practices for HubSpot CMS Booking Widgets
Tips for getting the most out of your embedded booking widget on HubSpot CMS
Place the widget on high-converting landing pages where leads are ready to book a demo or consultation
Use HubSpot workflows to follow up automatically after a booking is confirmed
Add the floating widget script in HubSpot's Settings → Website → Pages → Site Header HTML for site-wide visibility
Map booking form fields to HubSpot contact properties for seamless CRM integration
A/B test pages with and without the booking widget to measure conversion impact
HubSpot CMS Booking Widget Questions
Does the widget work with HubSpot's free CMS?
Yes. The Embed module is available on all HubSpot CMS tiers, including CMS Free. Advanced features like smart content and A/B testing require CMS Professional or Enterprise.
Can I sync bookings with HubSpot CRM?
Yes. SchedulingKit integrates with HubSpot CRM to create contacts and deals when bookings are made. You can also trigger HubSpot workflows based on booking events.
Can I add the widget to HubSpot blog posts?
Yes. Use the Embed module in the blog post editor just like you would on a page. This works well for posts about services, demos, or consultations.
Does the widget support HubSpot's drag-and-drop editor?
Absolutely. The Embed module is a standard drag-and-drop module that you can position anywhere in your page layout.
Add a Booking Widget to HubSpot CMS Today
Join thousands of businesses embedding booking widgets on HubSpot CMS with SchedulingKit
Free forever plan available · No credit card required