Booking system for WordPress
Put a bookable calendar on your WordPress site by pasting one snippet of code into an HTML block. No plugin to maintain, no commission per booking, and your site stays as fast as it was.
- check_circleNo plugin needed
- check_circleWorks with Gutenberg, Elementor and Divi
- check_circleOnline in ten minutes
An HTML block, not a plugin
Most booking solutions for WordPress are a plugin. You have to install it, update it and keep an eye on it, and every WordPress update is a chance for something to break. Bookedin works differently: you get an iFrame code from your dashboard and paste it into an ordinary HTML block on the page where your calendar belongs.
That keeps the calendar separate from your WordPress installation. It runs on Bookedin’s servers, it does not make your site heavier, and there is no plugin that can fall behind. Whether you use Gutenberg, Elementor, Divi or the classic editor, the same code works everywhere.
Availability that is correct
Visitors see which days or times are free and book themselves, so double bookings are ruled out.
Payment at the booking
Guests pay by iDEAL, Bancontact or credit card, including any deposit, security and extras.
Moves with your theme
The calendar scales with the width it is given and adapts to the colours of your site.
Putting the calendar on your WordPress page
Works on any WordPress site where you can edit pages yourself. Allow about ten minutes.
Create your calendar
Create a free account and make your first calendar. Enter your rates and choose whether you hire out by hour, day or night. See make your first calendar.
Copy the code
Your dashboard shows an iFrame code with the calendar. Copy it in full, including the opening and closing tag.
Paste it into an HTML block
In WordPress, open the page where the calendar belongs, add an HTML block, paste the code and publish the page.
Where to find the HTML block
Every editor has its own name for the same thing: a block that takes your own HTML.
Gutenberg (block editor)
- 1Click the + where the calendar should go.
- 2Search for Custom HTML and pick that block.
- 3Paste your code and click Update.
Elementor
- 1Open the page with Edit with Elementor.
- 2Drag the HTML widget into your section.
- 3Paste your code into the field and click Publish.
Divi
- 1Open the page in the Divi Builder.
- 2Add a Code module.
- 3Paste your code and save the page.
Classic editor
- 1Open the page and click the Text tab.
- 2Paste your code in the right place in the source.
- 3Click Update. Do not switch back to Visual before saving.
Beaver Builder
- 1Open the page in the builder.
- 2Add the HTML module.
- 3Paste your code and click Done.
In a widget or sidebar
- 1Go to Appearance › Widgets.
- 2Add a Custom HTML widget.
- 3Paste your code and save.
Four things it usually is
Common mistakes
- closeThe code pasted in the Visual tab instead of an HTML block
- closeA caching plugin still serving the old page
- closeA security plugin stripping iframes from the page
- closeOnly part of the code copied
How to fix it
- checkPaste the code again into a Custom HTML block
- checkClear your cache and reload the page
- checkSwitch the security plugin off briefly to test
- checkCopy the code in full from your dashboard
What this saves compared with a plugin
Your site stays fast
No extra PHP and no extra database table. The calendar loads separately and keeps your page light.
Less to maintain
No plugin to update, and no outdated plugin opening a hole in your site.
No commission
You pay a fixed amount per month, not a percentage of every booking through your own site.
Works elsewhere too
If you ever move to another system, the same code works on Wix, Squarespace and Webflow.
Help with placing it
If you cannot work it out, support will look at it with you. Get in touch.
Want to see it first?
Have a look at a working calendar before you put one on your own WordPress site, or book a demo and we will walk through it together.
Frequently asked questions
No. Bookedin works with an iFrame code that you paste into an ordinary HTML block, so there is no plugin to install. That saves on load time, updates and security risk. The calendar runs on Bookedin’s servers and is separate from your WordPress installation.
Yes. Every page builder has an element that takes your own HTML: in Gutenberg that is the Custom HTML block, in Elementor the HTML widget, in Divi the Code module and in Beaver Builder the HTML module. Paste the code in there and you are done.
Usually the code was pasted into the visual editor instead of an HTML block, and WordPress strips the iframe out. Paste the code again into a Custom HTML block. If it stays empty, a security or caching plugin is often removing the iframe: clear your cache and switch that plugin off briefly to check.
Yes. Set the page to a template without a sidebar and give the block or section the full width. The calendar scales automatically with the space it gets, on desktop and on mobile.
On a self-hosted WordPress installation it always works. On WordPress.com you need a paid plan that allows custom HTML and iframes; on the free plan iframes are blocked.
With Bookedin you pay a fixed amount per month or per year, and no commission on your bookings. Every plan includes two calendars. Current prices are on the pricing page and you can try it free for fourteen days.
Any other questions? You can always email us at info@bookedin.nl.
