Embed a Booking Widget on Your Ghost Blog
Add the SchedulingKit booking widget to your Ghost publication using an HTML card in the Ghost Editor. Let readers and subscribers book calls, consultations, or sessions directly from your content.
Free forever · No credit card required · Live in minutes
A Ghost booking widget is an embeddable calendar that lets visitors schedule appointments directly on your Ghost website without leaving the page. SchedulingKit lets you embed a free booking widget on Ghost in 2026. See all platform guides.
How to Add a Booking Widget to Ghost
Follow these steps to embed the SchedulingKit booking widget on your Ghost site
Copy the Embed Code
Get the HTML embed snippet from your SchedulingKit dashboard.
Open Ghost Editor
Log into your Ghost admin panel and open the page or post where you want the booking widget.
Insert an HTML Card
Click the + button in the editor, select the HTML card from the card menu, and paste the SchedulingKit embed snippet.
Preview and Publish
Click Preview to see the widget rendered on your page. Once satisfied, click Publish to make it live for your readers.
Ready-to-Use Ghost Embed Code
Copy and paste this snippet into your Ghost 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.
Ghost Widget Features
Platform-specific features that make the booking widget work seamlessly on Ghost
HTML Card Embed
Ghost's HTML card renders the booking widget inline with your blog content — no theme file editing required.
Member-Gated Booking
Combine with Ghost's membership tiers to show the booking widget only to paying subscribers or specific member segments.
Theme Code Injection
Add the floating widget script in Ghost Admin → Settings → Code Injection to display a booking button on every page of your publication.
Newsletter CTA Integration
Include a booking link in your Ghost newsletter emails that directs subscribers to the page with the embedded widget.
Best Practices for Ghost Booking Widgets
Tips for getting the most out of your embedded booking widget on Ghost
Use the HTML card (not the Markdown card) to embed the widget — Markdown cards strip script tags
Place the widget at the end of high-intent posts like service announcements or availability updates
Use Ghost's Code Injection for a site-wide floating booking button across all posts and pages
Gate the booking widget behind a membership tier to create exclusive booking access for subscribers
Add the booking page link to your Ghost navigation menu for easy discoverability
Ghost Booking Widget Questions
Can I add the widget to Ghost posts as well as pages?
Yes. The HTML card works identically in both Ghost posts and pages. This is ideal for embedding booking options within blog content like coaching announcements or workshop sign-ups.
Does it work with all Ghost themes?
Yes. The widget renders inside Ghost's HTML card, which is theme-independent. It works with Casper, Edition, Source, and all custom Ghost themes.
Can I restrict the widget to paying members?
Yes. Use Ghost's content visibility settings to show the section containing the HTML card only to paid members. Free members will see a paywall prompt instead.
Will the embed affect my Ghost site speed?
No. The script is lightweight and loads asynchronously. Ghost's built-in caching and CDN ensure your publication remains fast.
Booking Widget for Other Platforms
Add a Booking Widget to Ghost Today
Join thousands of businesses embedding booking widgets on Ghost with SchedulingKit
Free forever plan available · No credit card required