Betten Sie Ihren Mietshop in Webflow ein und lassen Sie Ihre Kunden direkt bei Be-Bookable buchen.
Fügen Sie Be-Bookable zu Ihrer Webflow-Website hinzu
Verwandeln Sie Ihre Webflow-Site mit Be-Bookable in eine mietfertige Storefront. Durch die Einbettung eines einfachen Iframes können Sie Ihren Mietkatalog und Buchungsablauf direkt in Webflow anzeigen. Keine Plugins oder komplexe Entwicklung erforderlich. Eine Widget-Option ist in Kürze verfügbar und bietet noch mehr Flexibilität und Designkontrolle.
Warum Webflow mit Be-Bookable verbinden?
Einbettung in Minuten: Fügen Sie Ihren Mietshop mit einem einfachen Codeausschnitt in jede beliebige Webflow-Seite ein.
Nahtlose Erfahrung: Ermöglichen Sie Kunden das Durchsuchen und Buchen von Mietobjekten, ohne Ihre Webflow-Site zu verlassen.
Leichte Lösung: Keine schweren Apps, nur ein sauberes eingebettetes Iframe.
Zukunftssicher: Die Widget-Unterstützung wird bald weitere Anpassungsoptionen hinzufügen.
So betten Sie Be-Bookable in Webflow ein
Um Ihren Be-Bookable-Shop einzubetten, kopieren Sie diesen 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>
Schritt für Schritt
Öffnen Sie im Webflow Designer die Seite, auf der Sie Ihren Mietshop haben möchten.
Aus dem Bedienfeld „Elemente hinzufügen“, ziehen Sie ein Einbetten Element in Ihre Seite.
Fügen Sie den Iframe-Code in das Einbettungsfenster ein.
Ersetzen Sie die Beispiel-Shop-URL durch Ihre Be-Bookable-Shop-URL.
Speichern und veröffentlichen. Ihr Mietshop wird jetzt auf Ihrer Webflow-Site angezeigt.
Anpassungsoptionen
- Breite
Breite="100%"bewirkt, dass die Einbettung den gesamten Inhaltsbereich ausfüllt (empfohlen).- Sie können auch feste Breiten in Pixeln verwenden (z. B. 1200 Pixel).
- Es werden sowohl %- als auch px-Werte unterstützt.
- Höhe
Höhe="700px"definiert, wie hoch der eingebettete Rahmen ist.- Erhöhen Sie auf 900 Pixel oder 1200 Pixel, wenn Ihr Katalog größer ist.
- Je nach Ihren Layoutpräferenzen funktionieren sowohl %- als auch px-Werte.
- Grenze
- Der Code verwendet
Stil="Rand: keine;"für ein sauberes Aussehen. - Entfernen Sie dies, wenn Sie einen sichtbaren Rahmen wünschen.
- Der Code verwendet
Erste Schritte
Fügen Sie Be-Bookable noch heute zu Ihrer Webflow-Website hinzu und ermöglichen Sie Kunden, Anmietungen direkt von Ihrer Site aus zu buchen. Kontaktieren Sie uns wenn Sie Hilfe bei der Einrichtung benötigen oder Schauen Sie sich die Demo an um es in Aktion zu sehen.
Häufig gestellte Fragen
Benötige ich hierfür Kenntnisse im Custom Code?
Nein. Sie müssen nur den Iframe-Code kopieren und in das Embed-Element von Webflow einfügen.
Funktioniert die Einbettung mit meiner Webflow-Vorlage?
Ja. Der Iframe passt sich jedem Webflow-Design oder -Layout an.
Kann ich steuern, welche Produkte angezeigt werden?
Ja. Innerhalb von Be-Bookable können Sie auswählen, welche Kategorien oder Produkte in Ihrem Shop angezeigt werden.
