Homechevron_rightIntegrationschevron_rightWordPress

WordPress

Booking system for WordPress

Put a bookable calendar on your WordPress site with a single Custom HTML block. No plugin that can break on the next WordPress update, no extra database tables and no commission per booking.

Start 14 days free See an example calendar

check_circleNo plugin needed
check_circleWorks with Gutenberg, Elementor and Divi
check_circleOnline in ten minutes

How it works

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.

What you get

calendar_month

A calendar outside your database

Bookings live in Bookedin, not in your WordPress database. Restoring a backup or moving to another host does not touch them.

credit_card

Payments without WooCommerce

Guests pay by iDEAL, Bancontact or credit card inside the calendar itself. You need no shop plugin or payment extension.

tune

Fits any theme

Whether you use Astra, GeneratePress or a custom theme, the calendar takes the width of your content area and adapts to your colours.

Putting the calendar on your WordPress page

Works on any WordPress site where you can edit pages yourself. Allow about ten minutes.

Set up your rentals in Bookedin

Create an account and set up a calendar for each property, room or item, with rates and booking rules. How to make your first calendar.

Grab the embed code

Open the calendar in your dashboard and copy the iFrame code. Take all of it, from <iframe to </iframe>, or WordPress will show an empty box.

Paste it into an HTML block

Open the page in WordPress where the calendar should go, 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.

widgets

Gutenberg (block editor)

1
Click the + where the calendar should go.
2
Search for Custom HTML and pick that block.
3
Paste your code and click Update.

dashboard_customize

Elementor

1
Open the page with Edit with Elementor.
2
Drag the HTML widget into your section.
3
Paste your code into the field and click Publish.

view_quilt

Divi

1
Open the page in the Divi Builder.
2
Add a Code module.
3
Paste your code and save the page.

edit_note

Classic editor

1
Open the page and click the Text tab.
2
Paste your code in the right place in the source.
3
Click Update. Do not switch back to Visual before saving.

web

Beaver Builder

1
Open the page in the builder.
2
Add the HTML module.
3
Paste your code and click Done.

widgets

In a widget or sidebar

1
Go to Appearance › Widgets.
2
Add a Custom HTML widget.
3
Paste your code and save.

Where it usually goes wrong in WordPress

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

Still stuck?

What this saves compared with a plugin

bolt

Your site stays fast

No extra PHP and no extra database table. The calendar loads separately and keeps your page light.

verified

Less to maintain

No plugin to update and no outdated plugin opening a hole in your site.

sync

Platforms in the same calendar

Bookings from Booking.com, Airbnb and Micazu arrive via iCal in the same calendar as your direct bookings.

euro

A fixed price, even in high season

A busy summer costs you nothing extra: you pay a subscription, not a percentage of the bookings on your WordPress site.

public

Not tied to WordPress

If you ever move to another website builder, the same code comes with you, for example to Wix.

support_agent

Someone to look with you

If your theme or a security plugin refuses the iframe, support will help you find where it sits. Get in touch.

Frequently asked questions

No. You paste the iFrame code into a standard HTML block, so nothing is added to your list of plugins. That saves loading time, updates and security risks, and your bookings stay 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. Choose a template without a sidebar for the page, or set the section to full width in your page builder. The calendar fills the space it gets and stacks neatly on a phone.

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.

Bookedin costs a fixed amount per month or per year, with no percentage of the bookings that come in through your WordPress site. Every plan includes two calendars. See the pricing page for current prices; you can try it free for fourteen days.

Any other questions? You can always email us at info@bookedin.nl.

Booking system for WordPress

An HTML block, not a plugin

A calendar outside your database

Payments without WooCommerce

Fits any theme

Putting the calendar on your WordPress page

Set up your rentals in Bookedin

Grab the embed code

Paste it into an HTML block

Where to find the HTML block

Gutenberg (block editor)

Elementor

Divi

Classic editor

Beaver Builder

In a widget or sidebar

Where it usually goes wrong in WordPress

Common mistakes

How to fix it

What this saves compared with a plugin

Your site stays fast

Less to maintain

Platforms in the same calendar

A fixed price, even in high season

Not tied to WordPress

Someone to look with you

Want to see it first?

Frequently asked questions

Try Bookedin for free today

Features

Company

Resources

Legal

Booking system for WordPress

An HTML block, not a plugin

A calendar outside your database

Payments without WooCommerce

Fits any theme

Putting the calendar on your WordPress page

Set up your rentals in Bookedin

Grab the embed code

Paste it into an HTML block

Where to find the HTML block

Gutenberg (block editor)

Elementor

Divi

Classic editor

Beaver Builder

In a widget or sidebar

Where it usually goes wrong in WordPress

Common mistakes

How to fix it

What this saves compared with a plugin

Your site stays fast

Less to maintain

Platforms in the same calendar

A fixed price, even in high season

Not tied to WordPress

Someone to look with you

Want to see it first?

Frequently asked questions

Also interesting