Mit dem Molzait-Widget können Besucher direkt auf deiner Websiete Reservierungen vornehmen. Hier findest du die Schritte, um das Widget einfach einzurichten.
Integrations-Code kopieren
Logge dich in Molzait ein
Gehe in die Einstellungen zum Punkt Online
Kopiere dort den Integrations-Code
HTML-Code einfügen
Füge den Code in deiner Webseite so ein, dass er auf allen Seiten im <head> Element eingebunden wird.
<script molzait data-restaurant="[RESTAURANT_ID]" src="https://reserve.molzait.com/assets/embed.js" type="text/javascript" defer></script>HTML-Code anpassen
Du kannst dem Code zusätzliche Attribute hinzufügen, um die Funktion des Widgets anzupassen:
data-hide-button="true": Verbirgt den Widget-Button auf deiner Seite.
data-open-selectors="[SELECTORS]": Definiere hier CSS-Selektoren, die das Widget bei einem Klick öffnen.
Beispiel:
<script molzait data-restaurant="[RESTAURANT_ID]" data-hide-button="true" data-open-selectors=".my-button, .another-button" src="https://reserve.molzait.com/assets/embed.js" type="text/javascript" defer></script>Reservierungs-Widget per JavaScript oder Link öffnen
Du kannst das Widget auch über JavaScript öffnen, indem du folgenden Befehl benutzt:
molzait.openReserve();Alternativ lässt sich das Widget über einen Link mit der ID #mol-reserve öffnen:
<a href="#mol-reserve">Widget öffnen</a>Hast du mehrere Restaurants, hängst du die Restaurant-ID an: #mol-reserve-[RESTAURANT_ID].
#mol-open funktioniert weiterhin und ist gleichbedeutend mit #mol-reserve.
Gutschein-Shop per JavaScript oder Link öffnen
Falls du den Gutschein-Shop nutzt, kannst du diesen mit folgendem Befehl kannst das Gutschein-Widget auch über JavaScript öffnen, indem du folgenden Befehl benutzt:
molzait.openGiftShop();Alternativ lässt sich der Gutschein Shop über einen Link mit der ID #mol-giftshop öffnen:
<a href="#mol-giftshop">Gutschein-Shop öffnen</a>Änderungen speichern und testen
Speichere alle Änderungen und veröffentliche deine Website.
Öffne die Website und prüfe, ob das Widget wie gewünscht funktioniert.
Falls du Fragen hast, steht dir unser Support-Team gerne zur Verfügung.