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 · No credit card required · Live in minutes
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. See all platform guides.
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 seamlessly 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
Does the widget work with my WordPress theme?
Yes. The SchedulingKit widget is theme-agnostic and works with every major WordPress theme including Astra, GeneratePress, Flavor, Flavor, OceanWP, and Flavor Theme. It also works with all page builders — Elementor, Divi, Beaver Builder, and WPBakery.
Will the widget slow down my WordPress site?
No. The widget script loads asynchronously and is under 30 KB gzipped. It has zero impact on your Core Web Vitals or PageSpeed score. If you use a caching plugin like WP Rocket, exclude the widget endpoint from cache.
Can I use the widget with the Classic Editor?
Absolutely. Use the [schedulingkit] shortcode in any Classic Editor page or post. You can also paste the raw HTML embed code into a Custom HTML block if you prefer.
Does it support WordPress Multisite?
Yes. Activate the plugin network-wide or per-site. Each sub-site can connect a different SchedulingKit account, making it perfect for agencies managing multiple client sites.
Booking Widget for Other Platforms
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