Add a Booking Widget to Your WordPress Site in Minutes
Install the SchedulingKit booking widget on WordPress using our official plugin, a Gutenberg block, or a simple shortcode. Works with every theme and page builder, Elementor, Divi, GeneratePress, and more.
Free forever plan available • No credit card required
A WordPress booking widget is an embeddable calendar that lets visitors schedule appointments directly on your WordPress website without leaving the page. SchedulingKit lets you embed a free booking widget on WordPress in 2026. View all Booking Widget.
How to Add a Booking Widget to WordPress
Follow these steps to embed the SchedulingKit booking widget on your WordPress site
Install the SchedulingKit Plugin
Go to WP Admin → Plugins → Add New, search for SchedulingKit, and click Install Now. Activate the plugin once installed.
Connect Your Account
Navigate to Settings → SchedulingKit in your WordPress dashboard and paste your API key from the SchedulingKit dashboard.
Add via Gutenberg Block
Open the page editor, click the + inserter, search for 'SchedulingKit', and drop the booking block wherever you want the widget to appear.
Configure Widget Settings
Select the booking page, service type, and team member directly from the block sidebar. Customize colors to match your theme.
Publish and Test
Preview the page, confirm the widget loads correctly on desktop and mobile, then hit Publish. The widget inherits your WordPress theme styling automatically.
Ready-to-Use WordPress Embed Code
Copy and paste this snippet into your WordPress 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.
WordPress Widget Features
Platform-specific features that make the booking widget work smoothly on WordPress
Native Gutenberg Block
A first-class WordPress block that lives alongside your content in the block editor, no shortcodes or custom HTML needed.
Shortcode Fallback
Use [schedulingkit] shortcodes in Classic Editor, Elementor, Divi, or any page builder that supports shortcodes.
Auto Theme Matching
The widget reads your active theme's colors, fonts, and border-radius so it blends in without manual CSS.
WooCommerce Compatible
Embed booking widgets on WooCommerce product pages so customers can book a consultation before purchasing.
Best Practices for WordPress Booking Widgets
Tips for getting the most out of your embedded booking widget on WordPress
Place the booking widget above the fold on your main services page so visitors see it immediately
Use the Gutenberg block instead of shortcodes for better visual editing and fewer compatibility issues
Enable caching exceptions for the widget script so appointment availability stays real-time
Add the floating pop-up widget site-wide via Appearance → Widgets for a persistent booking CTA
Test the widget on mobile using WordPress's built-in responsive preview before publishing
WordPress Booking Widget Questions
Add a Booking Widget to WordPress Today
Join thousands of businesses embedding booking widgets on WordPress with SchedulingKit
Free forever plan available • No credit card required