{"id":7133,"date":"2025-09-17T18:13:05","date_gmt":"2025-09-17T18:13:05","guid":{"rendered":"https:\/\/www.be-bookable.com\/?p=7133"},"modified":"2026-04-30T13:00:50","modified_gmt":"2026-04-30T13:00:50","slug":"webstroom","status":"publish","type":"post","link":"https:\/\/www.be-bookable.com\/nl\/integraties\/webstroom\/","title":{"rendered":"Webstroom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7133\" class=\"elementor elementor-7133\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f66274c e-flex e-con-boxed e-con e-parent\" data-id=\"f66274c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c308ea2 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"c308ea2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-path-to-node=\"3,2,0,0\">Embed a seamless booking flow that matches your high-end design without writing any code<\/span><span data-path-to-node=\"3,2,0,2\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21d9730 elementor-widget elementor-widget-heading\" data-id=\"21d9730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Professional rental power for your Webflow site<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ee5748 elementor-widget elementor-widget-text-editor\" data-id=\"8ee5748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Webflow gives you the design freedom to build a stunning brand. Be-Bookable gives you the engine to turn that brand into a profitable rental business. Our seamless integration brings high-end rental logic to your Webflow site without writing a single line of code.<\/p><h3>Why Webflow designers and owners choose Be-Bookable<\/h3><p>Don&#8217;t let technical limitations hold back your vision. We provide the &#8220;golden middle way&#8221;: the deep functionality of an enterprise system with the intuitive ease of a modern app.<\/p><ul><li><p><strong>Smart availability logic:<\/strong> Manage your inventory with precision. Prevent double bookings and handle complex rental durations across hours, days, or weeks with real-time accuracy.<\/p><\/li><li><strong>Automatic booking blocks:<\/strong> Eliminate logistics stress by automatically adding buffer time between rentals for cleaning, maintenance, or transit.<\/li><li><p><strong>Embed in minutes<\/strong>: Drop your rental shop into any Webflow page with a simple code snippet.<\/p><\/li><li><p><strong>Seamless experience<\/strong>: Let customers browse and book rentals without leaving your Webflow site.<\/p><\/li><li><p><strong>Lightweight solution<\/strong>: No heavy apps, just a clean iframe embed.<\/p><\/li><li><p><strong>Global reach, local payments<\/strong>: Connect effortlessly with Mollie to accept iDEAL, Bancontact, and credit cards directly on your site.<\/p><\/li><\/ul><h3>Launch your Webflow rental machine in minutes<\/h3><p>We make the step from &#8220;I have an idea&#8221; to &#8220;I have a running business&#8221; as small as possible. You deliver the products and the vision; we deliver the technology to make it work.<\/p><p>To embed your Be-Bookable shop, copy this iframe code:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10233b8 elementor-widget elementor-widget-code-highlight\" data-id=\"10233b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html \">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><iframe src=\"https:\/\/shop.be-bookable.com\/brightside-rentals\" width=\"100%\" height=\"1400px\" style=\"border:none;\"><\/iframe>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a51356 elementor-widget elementor-widget-text-editor\" data-id=\"6a51356\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Step-by-step<\/h3>\n<ol>\n<li>\n<p>In Webflow Designer, open the page where you want your rental shop.<\/p>\n<\/li>\n<li>\n<p>From the <strong>Add Elements panel<\/strong>, drag an <strong>Embed<\/strong> <strong>element<\/strong> into your page.<\/p>\n<\/li>\n<li>\n<p>Paste the iframe code into the Embed window.<\/p>\n<\/li>\n<li>\n<p>Replace the example shop URL with your Be-Bookable shop URL.<\/p>\n<\/li>\n<li>\n<p>Save and publish. Your rental shop will now be visible on your Webflow site.<\/p>\n<\/li>\n<\/ol>\n<h3>Customization options<\/h3>\n<ul>\n<li><strong>Width<\/strong>\n<ul>\n<li><code style=\"background-color: #f6f8fa; padding: 2px 4px; border-radius: 4px;\">width=\"100%\"<\/code> makes the embed fill the entire content area (recommended).<\/li>\n<li>You can also use fixed widths in pixels (e.g., 1200px).<\/li>\n<li>Both % and px values are supported.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Height<\/strong>\n<ul>\n<li><code style=\"background-color: #f6f8fa; padding: 2px 4px; border-radius: 4px;\">height=\"1400px\"<\/code> defines how tall the embedded frame is.<\/li>\n<li>Increase to 900px or 1800px if your catalog is larger.<\/li>\n<li>Both % and px values work, depending on your layout preference.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Border<\/strong>\n<ul>\n<li>The code uses <code style=\"background-color: #f6f8fa; padding: 2px 4px; border-radius: 4px;\">style=\"border:none;\"<\/code> for a clean look.<\/li>\n<li>Remove this if you\u2019d like a visible frame.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Get started<\/h3>\n<p>Add Be-Bookable to your Webflow website today and let customers book rentals directly from your site. <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.be-bookable.com\/contact\/\">Contact us <\/a><\/span>if you&#8217;d like help with the setup or <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.be-bookable.com\/demo\/\">check the demo <\/a><\/span>to see it in action.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69fbdb86 e-con-full e-flex e-con e-child\" data-id=\"69fbdb86\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65ec8c3 elementor-widget elementor-widget-heading\" data-id=\"65ec8c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-681abbe4 elementor-widget elementor-widget-n-accordion\" data-id=\"681abbe4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;max_items_expended&quot;:&quot;multiple&quot;,&quot;default_state&quot;:&quot;expanded&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1740\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1740\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Do I need custom code skills for this? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1740\" class=\"elementor-element elementor-element-27c5391c e-con-full e-flex e-con e-child\" data-id=\"27c5391c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76589451 elementor-widget elementor-widget-text-editor\" data-id=\"76589451\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No. You only need to copy and paste the iframe code into Webflow\u2019s Embed element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1741\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1741\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Will the embed work with my Webflow template? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1741\" class=\"elementor-element elementor-element-3ed5bb79 e-con-full e-flex e-con e-child\" data-id=\"3ed5bb79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66dbae55 elementor-widget elementor-widget-text-editor\" data-id=\"66dbae55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes. The iframe adapts to any Webflow theme or layout.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1742\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1742\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Can I control what products are shown? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1742\" class=\"elementor-element elementor-element-22f01dcc e-con-full e-flex e-con e-child\" data-id=\"22f01dcc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25ebad6f elementor-widget elementor-widget-text-editor\" data-id=\"25ebad6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes. Inside Be-Bookable you can select which categories or products appear in your shop.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Do I need custom code skills for this?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. You only need to copy and paste the iframe code into Webflow\\u2019s Embed element.\"}},{\"@type\":\"Question\",\"name\":\"Will the embed work with my Webflow template?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The iframe adapts to any Webflow theme or layout.\"}},{\"@type\":\"Question\",\"name\":\"Can I control what products are shown?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Inside Be-Bookable you can select which categories or products appear in your shop.\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Embed a seamless booking flow that matches your high-end design without writing any code. Professional rental power for your Webflow site Webflow gives you the design freedom to build a stunning brand. Be-Bookable gives you the engine to turn that brand into a profitable rental business. Our seamless integration brings high-end rental logic to your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7135,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[68],"tags":[],"class_list":["post-7133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-integrations"],"_links":{"self":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/7133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/comments?post=7133"}],"version-history":[{"count":25,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/7133\/revisions"}],"predecessor-version":[{"id":8204,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/7133\/revisions\/8204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media\/7135"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media?parent=7133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/categories?post=7133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/tags?post=7133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}