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
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>
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-open öffnen:
<a href="#mol-open">Widget ö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.