Showcase your rental shop on your CMS and manage all your bookings with Be-Bookable.
Add Be-Bookable to your website
Showcase your rental shop on your 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 your website with Be-Bookable?
- Seamless embedding: Add your Be-Bookable shop to any 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 your website
To embed your Be-Bookable shop, copy this iframe code:
<iframe loading="lazy" src="about:blank" width="100%" height="1400px" 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="1400px" style="border:none;"></iframe></noscript>
Step-by-step
- In your website, create or edit the page where you want to display your rental shop.
- Add a Custom HTML block 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="1400px"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 website 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 website page.
Will it work with my theme?
It depends on the website builder you are using. Contact us if you need support!
What if my shop doesn’t fit well in the frame?
Adjust the height or width (px or %) until the shop content displays comfortably.
English (UK) 
Nederlands 
Deutsch