Add a Booking Widget to Your Notion Page
Embed the SchedulingKit booking widget on any Notion page or Notion Sites website. Share your booking calendar with clients and collaborators directly within your Notion workspace.
Free forever · No credit card required · Live in minutes
A Notion booking widget is an embeddable calendar that lets visitors schedule appointments directly on your Notion website without leaving the page. SchedulingKit lets you embed a free booking widget on Notion in 2026. See all platform guides.
How to Add a Booking Widget to Notion
Follow these steps to embed the SchedulingKit booking widget on your Notion site
Copy Your Booking Page URL
Go to your SchedulingKit dashboard and copy the public URL of your booking page.
Open Your Notion Page
Navigate to the Notion page where you want to embed the booking widget.
Paste the URL
Paste the booking page URL directly into the Notion page. Notion will auto-detect it and offer to create an embed.
Choose Create Embed
Click 'Create embed' when Notion prompts you. The booking widget renders inline on your Notion page. Drag the corners to resize.
Ready-to-Use Notion Embed Code
Copy and paste this snippet into your Notion 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.
Notion Widget Features
Platform-specific features that make the booking widget work seamlessly on Notion
Auto-Detected Embed
Notion automatically recognizes SchedulingKit URLs and offers to embed them — no HTML code required.
Notion Sites Compatible
When you publish your Notion page as a Notion Site, the embedded booking widget works for public visitors — perfect for portfolios and service pages.
Inline Resize
Drag the embed's corner handles to resize it within your Notion page. It snaps to Notion's content width for a clean look.
Database Row Embedding
Embed different booking widgets in Notion database pages to create a dynamic service catalog where each entry has its own scheduling link.
Best Practices for Notion Booking Widgets
Tips for getting the most out of your embedded booking widget on Notion
Use the full booking page URL (not the embed snippet) for the cleanest Notion integration
Resize the embed to at least 500px tall so the calendar view isn't cramped
On Notion Sites, place the booking widget on a dedicated 'Book a Call' page linked from your navigation
Share the Notion page directly with clients who prefer the Notion interface over email links
Combine with Notion databases to manage a list of services, each linking to its own booking embed
Notion Booking Widget Questions
Does the embed work on Notion Sites?
Yes. When you publish a Notion page as a Notion Site, all embeds render for public visitors. The booking widget works exactly as it does in the Notion editor.
Can visitors book directly from the Notion embed?
Absolutely. The embedded widget is fully interactive — visitors can select a date, time, and complete the booking without leaving the Notion page.
Do I need to use HTML code for the embed?
No. Just paste the SchedulingKit booking page URL into Notion and select 'Create embed'. Notion handles the rest automatically.
Can I embed different widgets in a Notion database?
Yes. Open a database page and paste a different booking URL on each page. This is great for team members, services, or locations that each have their own booking page.
Booking Widget for Other Platforms
Add a Booking Widget to Notion Today
Join thousands of businesses embedding booking widgets on Notion with SchedulingKit
Free forever plan available · No credit card required