Integreer uw verhuurwinkel in Webflow en laat uw klanten rechtstreeks boeken bij Be-Bookable.
Voeg Be-Bookable toe aan uw Webflow-website
Transformeer je Webflow-site in een verhuurklare winkel met Be-Bookable. Door een eenvoudig iframe te integreren, kun je je verhuurcatalogus en boekingsstroom rechtstreeks in Webflow weergeven. Geen plug-ins of complexe ontwikkeling nodig. Binnenkort komt er een widgetoptie, die nog meer flexibiliteit en ontwerpcontrole biedt.
Waarom Webflow verbinden met Be-Bookable?
Binnen enkele minuten insluiten: Plaats uw verhuurwinkel op elke Webflow-pagina met een eenvoudig codefragment.
Naadloze ervaring: Laat klanten zoeken en huuraccommodaties boeken zonder uw Webflow-site te verlaten.
Lichtgewicht oplossing: Geen zware apps, gewoon een overzichtelijke iframe-embed.
Klaar voor de toekomst: Widgetondersteuning zal binnenkort meer aanpassingsopties toevoegen.
Hoe Be-Bookable in Webflow te integreren
Om uw Be-Bookable-winkel te integreren, kopieert u deze 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>
Stap voor stap
Open in Webflow Designer de pagina waar u uw verhuurwinkel wilt plaatsen.
Vanuit de Paneel Elementen toevoegen, sleep een Insluiten element op uw pagina.
Plak de iframe-code in het Insluiten-venster.
Vervang de voorbeeldwinkel-URL door uw Be-Bookable-winkel-URL.
Opslaan en publiceren. Je verhuurwinkel is nu zichtbaar op je Webflow-site.
Aanpassingsopties
- Breedte
breedte="100%"zorgt ervoor dat de insluiting het gehele inhoudsgebied vult (aanbevolen).- U kunt ook vaste breedtes in pixels gebruiken (bijv. 1200px).
- Zowel %- als px-waarden worden ondersteund.
- Hoogte
hoogte="700px"bepaalt hoe hoog het ingebedde frame is.- Verhoog naar 900px of 1200px als uw catalogus groter is.
- Zowel %- als px-waarden werken, afhankelijk van uw lay-outvoorkeur.
- Grens
- De code gebruikt
stijl="border:none;"voor een strakke look. - Verwijder dit als u een zichtbaar kader wilt.
- De code gebruikt
Aan de slag
Voeg vandaag nog Be-Bookable toe aan uw Webflow-website en laat klanten rechtstreeks via uw site een huurauto boeken. Neem contact met ons op als je hulp nodig hebt met de installatie of bekijk de demo om het in actie te zien.
Veelgestelde vragen
Heb ik hiervoor speciale programmeervaardigheden nodig?
Nee. U hoeft alleen de iframecode te kopiëren en te plakken in het Embed-element van Webflow.
Werkt de embed met mijn Webflow-sjabloon?
Ja. Het iframe past zich aan elk Webflow-thema of elke lay-out aan.
Kan ik bepalen welke producten er worden weergegeven?
Ja. Binnen Be-Bookable kunt u selecteren welke categorieën of producten in uw winkel worden weergegeven.