{"id":7118,"date":"2025-09-17T17:39:12","date_gmt":"2025-09-17T17:39:12","guid":{"rendered":"https:\/\/www.be-bookable.com\/?p=7118"},"modified":"2026-03-25T10:29:15","modified_gmt":"2026-03-25T10:29:15","slug":"magento","status":"publish","type":"post","link":"https:\/\/www.be-bookable.com\/nl\/integraties\/magento\/","title":{"rendered":"Magento"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7118\" class=\"elementor elementor-7118\" 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>Add your rental shop to Magento and let customers book products smoothly with Be-Bookable.<\/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\">Add Be-Bookable to your Magento store<\/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>Make your Magento store rental-ready with Be-Bookable. By embedding your rental catalog and booking flow with a simple iframe, you can let customers browse and reserve products directly on your Magento site. No extra modules or custom coding are required. A widget option will follow soon for even greater flexibility.<\/p><h3>Why connect Magento with Be-Bookable?<\/h3><ul><li><p><strong>Fast setup<\/strong>: Add your rental shop in just minutes.<\/p><\/li><li><p><strong>Professional customer journey<\/strong>: Deliver a smooth booking flow inside your Magento store.<\/p><\/li><li><p><strong>No heavy extensions<\/strong>: Works with a lightweight embed, no extra modules needed.<\/p><\/li><li><p><strong>Future upgrade<\/strong>: Widget support is on the way.<\/p><\/li><\/ul><h3>How to embed Be-Bookable in Magento<\/h3><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><ol><li><p>In your Magento admin, go to <strong>Content \u2192 Pages<\/strong>.<\/p><\/li><li><p>Create or edit the page where you want your rental shop to appear.<\/p><\/li><li><p>Switch to the <strong>HTML editor<\/strong> (Source mode).<\/p><\/li><li><p>Paste the iframe code and replace the example shop URL with your own.<\/p><\/li><li><p>Save and publish. Your rental shop will now be live inside your Magento store.<\/p><\/li><\/ol><h3>Customization options<\/h3><ul><li><strong>Width<\/strong><ul><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><li>Fixed values like width=&#8221;1200px&#8221; are also supported.<\/li><li>Both % and px can be used depending on your layout.<\/li><\/ul><\/li><li><strong>Height<\/strong><ul><li><code style=\"background-color: #f6f8fa; padding: 2px 4px; border-radius: 4px;\">height=\"700px\"<\/code> defines how tall the embedded frame is.<\/li><li>Increase this value (e.g., 900px, 1200px) to reduce scrolling inside the frame.<\/li><li>Both % and px values are supported.<\/li><\/ul><\/li><li><strong>Border<\/strong><ul><li>The code uses <code style=\"background-color: #f6f8fa; padding: 2px 4px; border-radius: 4px;\">style=\"border:none;\"<\/code> for a clean look.<\/li><li>You can remove or adjust this style to add a visible frame.<\/li><\/ul><\/li><\/ul><h3>Get started<\/h3><p>Add Be-Bookable to your Magento store 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 a Magento extension 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 embed the iframe.\u00a0 No extension or custom module is required.<\/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 it work with my Magento theme? <\/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 embed is compatible with all Magento themes.<\/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 show only part of my catalog? <\/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. In Be-Bookable you can configure which products or categories appear.<\/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 a Magento extension for this?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. You only need to embed the iframe.\\u00a0 No extension or custom module is required.\"}},{\"@type\":\"Question\",\"name\":\"Will it work with my Magento theme?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The embed is compatible with all Magento themes.\"}},{\"@type\":\"Question\",\"name\":\"Can I show only part of my catalog?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. In Be-Bookable you can configure which products or categories appear.\"}}]}<\/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>Add your rental shop to Magento and let customers book products smoothly with Be-Bookable. Add Be-Bookable to your Magento store Make your Magento store rental-ready with Be-Bookable. By embedding your rental catalog and booking flow with a simple iframe, you can let customers browse and reserve products directly on your Magento site. No extra modules [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7120,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[68],"tags":[],"class_list":["post-7118","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\/7118","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=7118"}],"version-history":[{"count":10,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/7118\/revisions"}],"predecessor-version":[{"id":8009,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/posts\/7118\/revisions\/8009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media\/7120"}],"wp:attachment":[{"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/media?parent=7118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/categories?post=7118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.be-bookable.com\/nl\/wp-json\/wp\/v2\/tags?post=7118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}