Das Widget hilft Ihren Kunden, Ihre Dienstleistungen über Telegram und auf Ihrer Website zu buchen.

Das Widget kann sowohl in eine mit MaviBot erstellte Website als auch in eine mit anderen Buildern erstellte Landing Page integriert werden.

So erstellen Sie ein Widget

Zunächst müssen Sie einen Zweig erstellen und Dienstleistungen einrichten, indem Sie sie Mitarbeitern zuweisen. Wie das geht, haben wir im Artikel „Buchungsservice-Einstellungen“ erklärt.

Um zu beginnen, gehen Sie zum Bereich „Widgets“, den Sie im oberen Menü finden.

Wenn im Projekt noch keine Widgets erstellt wurden, sehen Sie in der Mitte des Bildschirms im Bereich „Widgets“ vier Schaltflächen.

Klicken Sie auf die Schaltfläche „Online-Buchungs-Widget“, und Sie gelangen zu den Widget-Einstellungen.

Hauptinformationen

In diesem Tab müssen Sie den Widget-Namen (der auf der Website angezeigt wird) und die Domain der Website eingeben, auf der das Online-Buchungs-Widget erscheinen soll (falls die Website nicht mit MaviBot erstellt wurde).

Wenn die Website mit dem MaviBot-Builder erstellt wurde, öffnen Sie den Tab „Seiten“ und kopieren Sie den Link Ihrer MaviBot-Seite.

Wählen Sie als Nächstes den Zweig aus, dessen Dienstleistungen und Mitarbeiter im Widget angezeigt werden sollen.

Sie können auch einen Link zur Datenschutzerklärung und einen Link zur Einwilligung in die Datenverarbeitung hinzufügen.

Jetzt können Sie mit der Anpassung des Widgets fortfahren.

Analysen

Sie können auch Analyse-Ereignisse einrichten.

Geben Sie dazu die Facebook Pixel-, Google Analytics- oder Metrica-ID in das entsprechende Feld ein und legen Sie den Ereigniswert fest.

Darstellungseinstellungen

Das Logo und der Widget-Name werden in der Kopfzeile angezeigt.

Als Nächstes können Sie einen Titel und einen Untertitel im Widget eingeben, die über den Schaltflächen zur Auswahl von Dienstleistungen oder Spezialisten erscheinen.

Widget-Farbschema

Sie können das Farbschema des Widgets nach Ihren Wünschen auswählen:

  1. Widget-Hintergrund:.
  2. Das Hauptmarkenthema des Widgets zeigt Schaltflächen, Preise und Symbole im ausgewählten Farbschema an.
  3. Textfarbe: Ändert die Farbe des Schaltflächentextes oder des Haupttextes, je nach ausgewählter Option.
  4. Schaltflächentext.

Standardmäßig zeigen die Schaltflächen den Text „Dienstleistungen auswählen“ und „Spezialisten auswählen“, aber Sie können den Text nach Belieben anpassen:

So betten Sie das Widget in Ihre Website ein

Wechseln Sie in den Bearbeitungsmodus der Website.

Suchen Sie als Nächstes den Abschnitt „Online-Buchung“ in der Liste und fügen Sie ihn hinzu.

Wählen Sie in den Inhaltseinstellungen aus, welches Widget auf der Website angezeigt werden soll (falls Sie mehrere Online-Buchungs-Widgets haben).

Falls erforderlich, können Sie die Hintergrund- und Anzeigeeinstellungen des Widget-Abschnitts bearbeiten. Bewegen Sie dazu die Maus über den Abschnitt und klicken Sie auf den Tab „Erweiterte Einstellungen“.

Legen Sie die gewünschten Hintergrund- und Anzeigeeinstellungen fest.

Speichern Sie die Website-Einstellungen.

Jetzt können Ihre Kunden rund um die Uhr Dienstleistungen buchen, indem sie einfach Ihre Website besuchen.

So betten Sie das Widget in eine andere Website ein

Nach dem Speichern des Widgets aktualisieren Sie die Seite, um den folgenden Block mit dem Widget-Skript und einem Feld zur Eingabe des Abschnittsnamens zu sehen.

Wenn Sie den Code in Ihre Website einbetten müssen, kopieren Sie das Skript und fügen Sie es in Ihre Landing Page ein.

Wenn Sie das Widget auf Ihren eigenen Websites verwenden, die NICHT mit MaviBot erstellt wurden, geben Sie unbedingt die Elementklasse in das dafür vorgesehene Feld ein.