Start / Integrationen / Website-Widget

Website-Widget

Be-Bookable-Logo

+

Logo für die benutzerdefinierte CMS-Integration

Website-Widget

Be-Bookable-Logo

+

Logo für die benutzerdefinierte CMS-Integration
Binden Sie Ihren Vermietungsshop mit zwei Zeilen Code in Ihre eigene Website ein, auf WordPress, Webflow oder jedem CMS, das HTML zulässt.

Ihr Vermietungsshop auf Ihrer eigenen Website, mit zwei Zeilen Code

Kurz gesagt

  • Sie kopieren zwei Zeilen Code aus Ihrem Dashboard und fügen sie in eine beliebige Seite Ihrer Website ein.
  • Besucher stöbern, wählen Daten und buchen, ohne Ihre Website zu verlassen.
  • Produkte, Verfügbarkeit und Bestellungen bleiben in Be-Bookable, es gibt also kein Plugin zu installieren oder zu aktualisieren.
Plattform wählen, Code kopieren, Domain hinzufügen und prüfen, ob der Shop live ist.

Warum der Shop auf Ihre eigene Website gehört

Auf Ihrer Website finden Kunden Sie. Können sie auf derselben Seite buchen, müssen sie nicht mittendrin auf eine andere Website wechseln.

Jede Website

WordPress, Webflow, eine Eigenentwicklung oder jedes CMS, mit dem Sie HTML in eine Seite einfügen können.

Immer aktuell

Produkte, Preise und Verfügbarkeit kommen direkt aus Ihrem Be-Bookable-Shop.

Nur auf Ihren Domains

Shopdaten und Analytics-Events gehen nur an Websites auf Ihrer Liste erlaubter Domains.

So löst Be-Bookable das

  1. Widget-Einstellungen öffnen. Gehen Sie im Dashboard zu „Integrations“ und klicken Sie auf der Karte „Website Embed“ auf „Set up widget“.
  2. Plattform wählen. Wählen Sie die Plattform Ihrer Website, etwa WordPress oder Webflow, oder „Custom website“ für alles andere. Sie erhalten eine kurze Anleitung, wo der Code hingehört.
  3. Code kopieren. Klicken Sie auf „Copy code“ und fügen Sie die zwei Zeilen in einen HTML-Block auf der Seite ein, auf der der Shop erscheinen soll.
  4. Domain hinzufügen. Tragen Sie die Domain Ihrer Website unter „Allowed domains“ ein und speichern Sie. Funktioniert Ihre Website mit und ohne www, fügen Sie beide hinzu.
  5. Prüfen, ob es funktioniert. Fügen Sie die Adresse der Seite ein und klicken Sie auf „Verify“. Be-Bookable ruft die Seite auf und zeigt, ob der Shop dort live ist. Ab dann landen Buchungen über Ihre Website in Ihrer Bestellübersicht  wie jede andere Bestellung.

Wo der Code hingehört

Der Code ist auf jeder Plattform gleich. Nur die Stelle, an der Sie ihn einfügen, unterscheidet sich:

Ihre WebsiteWo der Code hingehört
WordPressFügen Sie im Block-Editor einen Block „Individuelles HTML“ zur Seite hinzu.
WebflowZiehen Sie ein Embed-Element auf die Seite.
ShopifyFügen Sie unter Onlineshop, Themes, Anpassen einen Abschnitt „Benutzerdefiniertes Liquid“ hinzu.
BigCommerceFügen Sie im Page Builder ein HTML-Widget zur Seite hinzu.
MagentoFügen Sie den Code über einen CMS-Block oder im Seitenlayout ein.
Jedes andere CMSFügen Sie den Code an beliebiger Stelle in das HTML der Seite ein.

So sieht es aus

Der Brightside-Demoshop auf einer Beispiel-Website: eine Kategorieseite und eine Produktseite mit Buchungskalender, unter dem eigenen Menü der Website.

Häufig gestellte Fragen

Brauche ich ein Plugin?

Nein. Sie fügen zwei Zeilen HTML in Ihre Seite ein. Es gibt kein Plugin für WordPress oder ein anderes CMS, das Sie installieren oder aktuell halten müssen.

Der eingebundene Shop verwendet die Farben, die Sie für Ihren Shop in Be-Bookable festgelegt haben, und füllt die Breite der Stelle, an der Sie den Code einfügen. Eigene Stileinstellungen für die Einbindung gibt es nicht. Mehr dazu unter Shop-Personalisierung.

Online-Zahlungen laufen über Mollie. Da Mollie sich nicht innerhalb einer anderen Website öffnet, öffnet sich die Zahlung in einem neuen Tab. Danach geht es für den Kunden auf der Danke-Seite Ihrer Website weiter. Blockiert der Browser den neuen Tab, wechselt stattdessen die ganze Seite zu Mollie.

Ja, wenn Ihre Website Google Tag Manager nutzt. Der Shop sendet die Events view_item, add_to_cart und purchase an den dataLayer Ihrer Seite, aber nur auf Domains in Ihrer Liste erlaubter Domains.

Ja. Das Skript ergänzt Ihre eigene Seite um strukturierte Daten (schema.org), damit Suchmaschinen verstehen, dass es sich um einen Vermietungsshop handelt und wem er gehört. Texte, Überschriften und Fotos rund um den Shop zählen voll für Ihre Seite, eine kurze Einleitung über dem Shop hilft also beim Ranking. Die Produktseiten selbst werden als Teil Ihres Be-Bookable-Shops indexiert.

Ja. Die Adresse Ihrer Seite folgt dem Besucher durch den Shop, zum Beispiel /mieten#zelte/kuppelzelt. Teilen Sie diesen Link, öffnet sich der Shop beim selben Produkt. Wer die Seite neu lädt, bleibt ebenfalls an derselben Stelle.

Ja, wenn Ihr Shop mehr als eine Sprache anbietet. Fügen Sie dem Code data-lang mit dem Wert nl, de oder en hinzu, etwa auf der deutschen Seite Ihrer Website, dann startet der Shop in dieser Sprache. Ohne diesen Zusatz nutzt der Shop die Sprache, die der Besucher zuvor gewählt hat, die Browsersprache oder Ihre Hauptsprache. Mehr zu den Spracheinstellungen.

Andere Integrationen

Online-Zahlungen

Mollie

Kunden bezahlen an der Kasse mit iDEAL, Karte und den anderen Methoden, die Sie in Mollie aktivieren. Das Geld geht direkt auf Ihr eigenes Mollie-Konto.

Verbinden mit wenigen Klicks, ohne API-Schlüssel.

Mehr über Mollie

Versand

Sendcloud

Sie erstellen das Versand- und Retourenlabel direkt aus der Bestellung und wählen pro Bestellung den Versanddienst. Der Bestellstatus folgt dem Paket.

Verbinden mit den Schlüsseln aus Ihrem Sendcloud-Konto.

Mehr über Sendcloud

Website

WordPress

Bringen Sie Ihren Mietshop auf jede WordPress-Seite, auch wenn Sie mit Elementor bauen. Es gibt kein Plugin zu installieren.

Zwei Zeilen Code in einem Block Custom HTML.

Mehr über WordPress

Onlineshop

Shopify

Ergänzen Sie Ihren Shopify-Shop um Vermietung, neben dem, was Sie schon verkaufen. Es gibt keine App zu installieren.

Zwei Zeilen Code in einem Abschnitt Custom Liquid.

Mehr über Shopify

Website

Webflow

Bringen Sie Ihren Mietshop in Ihr Webflow-Design, in den Abschnitt, den Sie wählen.

Zwei Zeilen Code in einem Embed-Element.

Mehr über Webflow

Onlineshop

Magento

Ergänzen Sie Ihren Magento-Shop um Vermietung. Es gibt keine Erweiterung und kein Modul zu installieren.

Zwei Zeilen Code in einem CMS-Block oder im Seitenlayout.

Mehr über Magento

Onlineshop

BigCommerce

Ergänzen Sie Ihren BigCommerce-Shop um Vermietung. Es gibt keine App zu installieren.

Zwei Zeilen Code in einem HTML-Widget im Page Builder.

Mehr über BigCommerce

KI-Assistent

KI-Assistent (MCP)

Fragen Sie Claude, ChatGPT oder Cursor nach Ihren Buchungen und Umsätzen und lassen Sie ihn Preise, Bestand und Öffnungszeiten ändern.

Schalten Sie ihn in der App ein, fügen Sie eine Adresse ein und stimmen Sie zu.

Mehr über den KI-Assistenten
Konfigurieren Sie Ihre eigene Vermietungssoftware für
Veranstaltungsausrüstung.Werkzeuge.Büromöbel.Elektronik.Geräte.Partyzubehör.Fitnessgeräte.Kostüme.Outdoor-Ausrüstung.Babyausstattung.Fotografie.Haushaltsgeräte.Medizinische Geräte.Gartengeräte.Audiogeräte.Küchengeräte.Wassersportgeräte.Virtuelle Realität.Campingausrüstung.Brettspiele.Musikinstrumente.Heimwerkergeräte.Sportausrüstung.Projektoren.Campingzelte.Elektrowerkzeuge.Luxusuhren.Lernspielzeug.Partyzelte.Bürotechnik.Nähausrüstung.Karaoke-Systeme.Strandausrüstung.Pop-up-Shops.Massagesessel.Skiausrüstung.Angelausrüstung.Projektwerkzeuge.3D-Drucker.Robotik-Bausätze.Luftreiniger.E-Bikes.Spielkonsolen.VR-Headsets.Lernsets.Silent Disco.