Showcase your rental shop on WordPress and manage all your bookings smooth with Be-Bookable.
Add Be-Bookable to your WordPress site
Showcase your rental shop on your WordPress website with Be-Bookable. By embedding a simple iframe, you can display your rental catalog and booking flow directly on your site. No plugins, coding, or complex setup required. A widget option will follow soon, giving you even more flexibility in how your shop is presented.
Why connect WordPress with Be-Bookable?
- Seamless embedding: Add your Be-Bookable shop to any WordPress page in minutes.
- Professional look: Provide a smooth booking experience inside your site.
- No extra plugins: Lightweight and easy to maintain. All other integrations such as Mollie and Sendcloud are maintained by Be-Bookable and do not require manual updates.
- Future-ready: Widget integration coming soon for better browser support.
How to embed Be-Bookable in WordPress
To embed your Be-Bookable shop, copy this iframe code:
<iframe loading="lazy" src="about:blank" width="100%" height="700px" style="border:none;" data-rocket-lazyload="fitvidscompatible" data-lazy-src="https://shop.be-bookable.com/brightside-rentals"></iframe><noscript><iframe src="https://shop.be-bookable.com/brightside-rentals" width="100%" height="700px" style="border:none;"></iframe></noscript>
Step-by-step
- In your WordPress dashboard, create or edit the page where you want to display your rental shop.
- Switch to the Custom HTML block (in Gutenberg editor) or paste the code directly in your page builder’s HTML section.
- Replace the example shop URL with your own Be-Bookable shop URL (https://shop.be-bookable.com/your-shop-name)
- Save and publish! Your rental shop will now appear embedded on the page.
Customization options
- Width
width="100%"makes the embed fill the entire content area (recommended).- You can also use a fixed pixel value (e.g., width=”1200px”) if you prefer.
- Both % and px values are supported depending on your layout needs.
- Height
height="700px"defines how tall the embedded frame is.- Increase the value (e.g., 900px or 1200px) to reduce inner scrolling.
- You can use either % (relative to browser window) or px (fixed size).
- Border
- The code uses
style="border:none;"for a clean look. - Remove or edit this style if you want a visible border around the embed.
- The code uses
Get started
Embed your Be-Bookable shop on WordPress today and let your customers book directly from your site. Contact us if you need help with the setup or check the demo to see it in action.Frequently Asked Questions
Do I need a plugin to use this?
No. Just paste the iframe code into your WordPress page.
Will it work with my theme?
Yes. The iframe adapts to your page layout and is compatible with all modern WordPress themes.
What if my shop doesn’t fit well in the frame?
Adjust the height or width (px or %) until the shop content displays comfortably.
