Sie haben Ihre eigene Website – ein Friseursalon, ein Yoga-Studio, eine Praxis. Ein Kunde liest, was Sie anbieten, und sucht dann nach einer Möglichkeit zu buchen. Er findet einen Link im Menü, landet auf einer anderen Seite und muss sich dort neu orientieren. Jeder zusätzliche Schritt ist eine Stelle, an der manche abspringen.
Deshalb gibt es bei micali.online jetzt ein Website-Widget: eine Buchungsschaltfläche, die Sie in der App einrichten und mit einem kurzen Code zu Ihrer Website hinzufügen. Die Schaltfläche schwebt in einer Ecke jeder Seite, und ein Klick öffnet ein Buchungsfenster direkt auf Ihrer Website – mit einem Kalender Ihrer Veranstaltungen und Dienstleistungen. Der Kunde wählt eine Zeit, gibt seine Daten ein und bestätigt, ohne Ihre Seite je zu verlassen.
Die Schaltfläche in wenigen Klicks einrichten
Öffnen Sie Website-Widget im Menü der App (ein Root-Admin richtet es ein). Sie wählen:
- den Schaltflächentext – zum Beispiel Jetzt buchen oder Termin vereinbaren,
- die Farbe – passend zu Ihrer Website; die Textfarbe der Schaltfläche passt sich automatisch an, damit sie immer lesbar bleibt,
- die Position – unten rechts oder unten links,
- was ein Klick auslöst – das Buchungsfenster öffnen oder den Kunden zu Ihrer Buchungsseite führen,
- die Sprache des Buchungsfensters – die Browsersprache des Besuchers oder eine feste Sprache.
Direkt unter den Einstellungen finden Sie eine Vorschau: Klicken Sie auf die Schaltfläche, und das echte Buchungsfenster öffnet sich mit Ihren Veranstaltungen und Dienstleistungen. Darunter steht der Code, bereit zum Kopieren.
Das Buchungsfenster, direkt auf Ihrer Website
Das Fenster übernimmt die Farbe Ihrer Schaltfläche und hat zwei Tabs:
- Veranstaltungen – ein Monatskalender, in dem Tage mit Terminen markiert sind. Der Kunde klickt auf einen Tag, sieht darunter dessen Termine und wählt einen aus. Ist ein Monat leer, bietet das Fenster einen Sprung zum nächsten Termin an.
- Dienstleistungen – der Kunde wählt eine Dienstleistung und die gewünschte Leistung, dann einen Tag im Kalender der freien Tage und eine Uhrzeit.
Anschließend gibt er Name, E-Mail und Telefonnummer ein, die Anzahl der Plätze und Ihr Formular, falls vorhanden – genau wie auf der Buchungsseite. Auf dem Smartphone öffnet sich das Fenster im Vollbild.
Oder einfach ein Link zu Ihrer Buchungsseite
Wenn Kunden alles sehen sollen, was Sie anbieten – vorausbezahlte Pläne und Räume eingeschlossen –, wählen Sie stattdessen die Weiterleitung. Die Schaltfläche öffnet dann Ihre Micali-Buchungsseite in einem neuen Tab.
Wie Kunden bestätigen
Im Fenster meldet sich niemand an, daher funktioniert eine Buchung genau wie eine ohne Anmeldung auf Ihrer Buchungsseite: Der Kunde erhält eine E-Mail mit einem Link, und die Buchung wird gültig, sobald er ihn öffnet. Bis dahin sehen Sie sie unter Wartet auf Bestätigung, und Sie können sie bei Bedarf für den Kunden bestätigen. Der Kunde wählt einen vorausbezahlten Plan auf der Bestätigungsseite.
Die Einstellungen stecken im Code
Text, Farbe, Position und Sprache sind in den Code eingebettet, den Sie einfügen, sodass sich die Schaltfläche auf Ihrer Website nie von selbst ändert. Wenn Sie etwas ändern möchten, ändern Sie es in der App, kopieren den neuen Code und ersetzen den alten. Micali merkt sich Ihre letzten Einstellungen, sodass Sie nicht von vorn beginnen.
Es bremst Ihre Website nicht aus
Der Code auf Ihrer Website umfasst nur wenige Kilobyte und zeichnet nichts außer der Schaltfläche. Das Buchungsfenster lädt erst nach einem Klick, und während des Ladens sieht der Kunde eine Ladeanzeige. Die Schaltfläche ist von den Stilen Ihrer Website getrennt, sodass Ihr Theme sie nicht durcheinanderbringen kann und sie nicht Ihr Theme.
So starten Sie
- Öffnen Sie Website-Widget im Menü.
- Legen Sie Text, Farbe, Position und Verhalten der Schaltfläche fest und probieren Sie sie in der Vorschau aus.
- Klicken Sie auf Code kopieren.
- Fügen Sie den Code auf Ihrer Website direkt vor dem schließenden
</body>-Tag ein – bei WordPress, Wix, Webflow oder Squarespace gibt es dafür eine Stelle für benutzerdefinierten Code oder einen HTML-Block.
Die Details finden Sie im Hilfebereich.
