Add a Booking Widget to Your Carrd One-Page Site
Embed the SchedulingKit booking widget on your Carrd site using an Embed element. Turn your simple one-page site into a full booking machine — visitors schedule directly on the page.
Free forever · No credit card required · Live in minutes
A Carrd booking widget is an embeddable calendar that lets visitors schedule appointments directly on your Carrd website without leaving the page. SchedulingKit lets you embed a free booking widget on Carrd in 2026. See all platform guides.
How to Add a Booking Widget to Carrd
Follow these steps to embed the SchedulingKit booking widget on your Carrd site
Copy Embed Code
Get the HTML embed snippet from your SchedulingKit dashboard.
Open Carrd Editor
Log into Carrd and open your site in the editor.
Add a Widget/Embed Element
Click the + button to add an element, select Widget/Embed, and choose the Code type.
Paste and Configure
Paste the SchedulingKit snippet into the code field. Set the element's width and height to ensure the full calendar is visible.
Ready-to-Use Carrd Embed Code
Copy and paste this snippet into your Carrd 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.
Carrd Widget Features
Platform-specific features that make the booking widget work seamlessly on Carrd
Embed Element Integration
Carrd's Widget/Embed element renders the booking calendar inline on your single-page site with no additional configuration.
Responsive on One-Page Layout
The widget adapts to Carrd's responsive column layouts, looking great on desktop and mobile without extra styling.
Minimal Footprint
The lightweight widget script won't slow down Carrd's fast one-page architecture — load times stay under 1 second.
Multiple Widgets per Page
Add separate embed elements for different services on the same Carrd page — consultations, coaching, demos, etc.
Best Practices for Carrd Booking Widgets
Tips for getting the most out of your embedded booking widget on Carrd
Set the embed element width to 100% and height to 650px for a comfortable booking calendar view
Place the widget below your introduction and services section for a natural booking flow
Use a Pro Standard plan or higher for the Embed element — it's not available on the free Carrd plan
Add a clear heading above the widget like 'Book a Free Call' to set expectations
Link the floating booking button to the same section ID for smooth scroll navigation on your one-pager
Carrd Booking Widget Questions
Which Carrd plan supports embeds?
The Widget/Embed element requires Carrd Pro Standard ($19/yr) or higher. The free plan does not support custom code embeds.
Can I add multiple booking widgets to one Carrd page?
Yes. Add multiple Widget/Embed elements, each pointing to a different SchedulingKit booking page. This works well for freelancers offering multiple service types.
Will the widget work on Carrd's mobile layout?
Yes. The widget is fully responsive and adapts to Carrd's mobile-optimized layout automatically. Test it using Carrd's built-in mobile preview.
Can I use the pop-up widget instead of inline?
Carrd's Pro Plus plan supports custom code in the page head, where you can add the floating pop-up widget script. This shows a persistent booking button without using an inline embed.
Booking Widget for Other Platforms
Add a Booking Widget to Carrd Today
Join thousands of businesses embedding booking widgets on Carrd with SchedulingKit
Free forever plan available · No credit card required