Black friday and cyber monday promo Black friday and cyber monday promo
Black friday and cyber monday promo
Grab now

Platzhalter für Benachrichtigungen in Amelia

Wie werden Benachrichtigungsplatzhalter verwendet

Benachrichtigungen werden verwendet, um Ihre Kunden und Mitarbeiter über ihre Buchungen zu informieren. Es gibt mehrere (Standard-)Vorlagen in Amelia, aber es besteht auch die Möglichkeit, eigene benutzerdefinierte Vorlagen zu erstellen. Weitere Informationen zu Benachrichtigungen und deren Funktionsweise finden Sie unter diesen Links:

Amelia verfügt über Platzhalter für E-Mail-Benachrichtigungen, die durch echte Daten von Ihren Mitarbeitern, Kunden, Extras, benutzerdefinierten Feldern und anderen Buchungsdaten ersetzt werden sollen. Beispielsweise wird %customer_full_name% durch den Vornamen und den Nachnamen des Kunden ersetzt, den er bei der Buchung des Termins eingegeben hat. Wenn Max Mustermann also einen Termin gebucht hat, können Sie eine E-Mail-Benachrichtigung mit der Aufschrift “Sehr geehrter %customer_full_name%” konfigurieren und er erhält eine E-Mail mit der Aufschrift “Sehr geehrter Mustermann”.

Sie sind ziemlich einfach, aber bitte beachten Sie, dass es bestimmte Platzhalter für Kunden und für Mitarbeiter gibt, sodass einige Platzhalter, die für den Mitarbeiter funktionieren, nicht für den Kunden funktionieren. Bitte beachten Sie auch, dass sich die Platzhalter für Termine von den Platzhaltern für Veranstaltungen unterscheiden.

Hinweis: Alle verknüpften Platzhalter wie Platzhalter %customer_panel_url%, %employee_panel_url%, %appointment_cancel_url%, %event_cancel_url% und Zoom sind programmgesteuert generierte URLs, und wenn Sie einen Hyperlink zu diesen URLs erstellen möchten, müssen sie als Platzhalter und nicht als direkte URLs hinzugefügt werden.

Wenn Sie beispielsweise das Kunden-Panel konfigurieren und seine URL zu Amelia Einstellungen/Rollen/Kunde hinzufügen und eine Zeile wie “Um auf Ihr Kunden-Panel zuzugreifen, klicken Sie bitte hier” in die E-Mail einfügen möchten, muss die Vorlage wie folgt aussehen:

Dies liegt daran, dass die Kundenpanel-URL, die an den Kunden gesendet wird, ein Anmeldetoken an die URL anhängt, sodass sich ein Kunde entweder mit diesem Token anmeldet (wenn Sie das Kennwort in Amelia-Einstellungen/Rollen/Kunde als obligatorisch deaktiviert haben) oder den Kunden an das Formular zur Passworterstellung weiterleitet.

Hinzufügen von Platzhaltern

Alle Platzhalter für die jeweilige Gruppe (Mitarbeiter oder Kunde sowie Termine und Ereignisse) können durch Aufklappen der Schaltfläche “E-Mail-Platzhalter anzeigen” oder “SMS-Platzhalter anzeigen” oben rechts über der Vorlage angezeigt werden.

show-email-placeholders

Die am häufigsten verwendeten Platzhalter für die Vorlage, die Sie bearbeiten, finden Sie auch unter der Vorlage in Dropdown-Menüs.

placeholder-dropdowns

Um einen Platzhalter zu kopieren, klicken Sie entweder aus den “E-Mail-Platzhalter anzeigen” oder aus den Dropdown-Menüs unten einfach auf den gewünschten Platzhalter, und er wird in die Zwischenablage kopiert, sodass Sie ihn einfach in Ihre Benachrichtigungsvorlage einfügen können.

Diese Platzhalter können in Titeln und Beschreibungen von Amelia-Einstellungen/Integrationen (Google Kalender, Outlook-Kalender, Zoom, Lesson Space, Facebook Pixel und Google Analytics) zusammen mit Zahlungsmetadaten und -beschreibungen in Amelia-Einstellungen/Zahlungen verwendet werden.

Liste der Benachrichtigungsplatzhalter (selbsterklärende Platzhalter wie %customer_first_name%, %appointment_date%, usw. werden übersprungen):

An Kunden (terminbezogene Platzhalter)

  • %appointment_cancel_url%” – Eine automatisch generierte Abbruch-URL. Bitte beachten Sie den Hinweis oben.
  • %appointment_deposit_payment% – Liefert Informationen über den Betrag, der als Anzahlung für den Termin gezahlt wurde
  • %appointment_duration% – Die Dauer  des Termins – dies fasst alle Dauern innerhalb des Termins zusammen, also Servicedauer zusammen mit potenziellen Extra-Dauern und/oder Pufferzeiten
  • %appointment_notes% – Notizen, die dem Termin von einem Mitarbeiter, Amelia-Manager oder dem Administrator hinzugefügt wurden
  • %appointment_price% – Der Preis des Termins – dieser kombiniert den Preis der Dienstleistung zusammen mit dem Preis für zusätzliche Personen oder Extras.
  • %appointment_status% – Der Status des Termins (Genehmigt, Ausstehend, Storniert oder Abgelehnt)
  • %category_name% – Der Name der Kategorie, in der sich die gebuchte Dienstleistung befindet
  • %coupon_1% – Die ID des Gutscheins. Jeder Coupon hat seine eigene ID, so dass er von %coupon_1% auf %coupon_n% steigen kann. Bewegen Sie den Mauszeiger über jeden Platzhalter, um den Gutschein und seinen Abzug anzuzeigen.
  • %custom_field_1% – Die ID des benutzerdefinierten Felds. Jedes benutzerdefinierte Feld verfügt über eine eigene ID, sodass es von %custom_field_1% bis %custom_field_n% reichen kann. Bewegen Sie den Mauszeiger über die einzelnen Platzhalter, um den Namen des benutzerdefinierten Felds anzuzeigen.
  • %customer_note% – Die Notiz, die dem Profil des Kunden in Amelia/Kunden hinzugefügt wurde
  • %customer_panel_url% – Die programmgesteuert generierte Kundenbereichs-URL. Bitte beachten Sie den Hinweis. oben.
  • %employee_note% – Die Notiz, die dem Profil des Mitarbeiters in Amelia/Mitarbeiter hinzugefügt wurde
  • %google_meet_url% – Die programmgesteuert generierte Google Meet-URL. Bitte beachten Sie den Hinweis oben.
  • %lesson_space_url% – Die programmgesteuert generierte Lessonspace-URL. Bitte beachten Sie den Hinweis above.
  • %recurring_appointments_details% – Dieser Platzhalter muss konfiguriert werden. Sie können unter den Terminvorlagen “Termin genehmigt” oder “Termin ausstehend” darauf zugreifen:

    Dort geben Sie alle Details ein, die die wiederkehrenden Termine definieren, die Ihre Kunden gebucht haben.
  • %service_duration% – Die Dauer des Dienstes allein, ohne die Dauer von Extras und Pufferzeiten.
  • %service_extra_1_name% – Der Name des Extras, das ein Kunde dem Termin hinzugefügt hat. Jedes Extra hat seine eigene ID, so dass es von %service_extra_1_name% bis %service_extra_n_name% gehen kann. Bewegen Sie den Mauszeiger über jeden Platzhalter, um das Extra anzuzeigen.
  • %service_extra_1_price% – Der Preis für das Extra, das ein Kunde dem Termin hinzugefügt hat
  • %service_extra_1_quantity% – Die Menge des Extras, das ein Kunde dem Termin hinzugefügt hat
  • %service_extras% – Die Liste aller ausgewählten Extras für den Termin (nur die Namen dieser Extras, ohne den Preis oder die Menge)
  • %time_zone% – Die Zeitzone, in der dem Kunden die Terminzeit angezeigt wirdr
  • %zoom_join_url% – Die programmgesteuert generierte Zoom-URL für den Kunden. Bitte beachten Sie den Hinweis oben. Bitte beachten Sie den Hinweis oben.
  • %payment_link_stripe% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Stripe
  • %payment_link_paypal% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für Zahlungen über Zahlungsanbieter PayPal
  • %payment_link_mollie% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Mollie
  • %payment_link_razorpay% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Razorpay
  • %payment_link_woocommerce% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter WooCommerce

An Kunden (ereignisbezogene Platzhalter)

  • %attendee_code% – Der Code, der dem Kunden (Teilnehmer) zugeordnet ist
  • %event_cancel_url% – Eine automatisch generierte Abbruch-URL. Bitte beachten Sie den Hinweis oben.
  • %event_period_date% – Wenn sich das Ereignis über mehrere Datumsangaben erstreckt, zeigt dieser Platzhalter diesen Datumszeitraum an.
  • %event_period_date_time% – Wenn sich das Ereignis über mehrere Daten erstreckt, zeigt dieser Platzhalter dieses Datum und die Uhrzeiten innerhalb dieses Zeitraums an.
  • %lesson_space_url_date% – Die programmgesteuert generierte Lessonspace-URL, die nur das Datum anzeigt. Bitte beachten Sie den Hinweis oben.
  • %lesson_space_url_date_time% – Die programmgesteuert generierte Lessonspace-URL, die sowohl das Datum als auch die Uhrzeit anzeigt. Bitte beachten Sie den Hinweis oben.
  • %zoom_join_url_date% – Die programmgesteuert generierte Zoom-URL für den Kunden, die nur das Datum anzeigt. Bitte beachten Sie den Hinweis oben.
  • %zoom_join_url_date_time% – Die programmgesteuert generierte Zoom-URL für den Kunden, die sowohl das Datum als auch die Uhrzeit anzeigt. Bitte beachten Sie den Hinweis oben.
  • %google_meet_url% – Die programmgesteuert generierte Google Meet-URL. Bitte beachten Sie den Hinweis oben.
  • %payment_link_stripe% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Stripe
  • %payment_link_paypal% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für Zahlungen über Zahlungsanbieter PayPal
  • %payment_link_mollie% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Mollie
  • %payment_link_razorpay% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter Razorpay
  • %payment_link_woocommerce% – Ein automatisch generierter Link in E-Mail- oder WhatsApp-Benachrichtigungen für die Zahlung über den Zahlungsanbieter WooCommerce

An Mitarbeiter (terminbezogene Platzhalter)

Einige E-Mail-Platzhalter, die für Kunden verfügbar sind, sind auch für Mitarbeiter verfügbar, erfüllen die gleiche Funktion und werden auf die gleiche Weise verwendet, sodass diese übersprungen werden. Wir listen nur die Platzhalter für Mitarbeiter auf, die für Kunden nicht verfügbar sind und die einer Erklärung bedürfen.

  • %booked_customer% – Dieser Platzhalter ersetzt die folgenden drei Platzhalter: %customer_full_name%, %customer_email% und %customer_phone%. Es wird hauptsächlich für Gruppentermine (Termine, die von mehreren Kunden gebucht werden können) verwendet. Wenn Sie die oben genannten 3 Platzhalter hinzufügen, erhält der Mitarbeiter bei jeder neuen Buchung den vollständigen Namen, die E-Mail-Adresse und die Telefonnummer aller zuvor gebuchten Kunden sowie den letzten, der gerade den Termin gebucht hat. Wenn Sie möchten, dass Ihre Mitarbeiter nur den letzten Kunden sehen, der den Termin gebucht hat, verwenden Sie den Platzhalter %booked_customer%.
  • %coupon_used% – Dieser Platzhalter enthält den vollständigen Namen des Kunden, den von ihm verwendeten Gutscheincode und den ermäßigten Betrag, den der Gutschein bereitgestellt hat
  • %employee_panel_url% – Die programmgesteuert generierte URL des Mitarbeiterbereichs. Bitte beachten Sie den Hinweis oben.
  • %group_appointment_details% – Dieser Platzhalter muss konfiguriert werden. Sie können unter den Terminvorlagen “Termin genehmigt” oder “Termin ausstehend” darauf zugreifen:
  • %zoom_host_url% – Die programmgesteuert generierte Zoom-URL für den Mitarbeiter. Bitte beachten Sie den Hinweis oben

An Mitarbeiter (veranstaltungsbezogene Platzhalter)

  • %zoom_host_url_date% – Die programmgesteuert generierte Zoom-URL für den Mitarbeiter, die nur das Datum anzeigt.  Bitte beachten Sie den Hinweis oben.
  • %zoom_host_url_date_time% – Die programmgesteuert generierte Zoom-URL für den Mitarbeiter, die sowohl das Datum als auch die Uhrzeit anzeigt. Bitte beachten Sie den Hinweis oben.

Benutzerdefinierte Servicedauer im Amelia WordPress Buchungs-Plugin

Die benutzerdefinierte Dauer gibt Ihnen die Möglichkeit, einen einzelnen Service mit mehreren Laufzeiten anzubieten, aus denen Ihre Kunden wählen können, unterschiedliche Preise für diese Laufzeiten zu definieren und unterschiedliche Preise für diese Laufzeiten pro Mitarbeiter zu definieren.

Konfigurieren der benutzerdefinierten Dauer von Diensten

enn Sie einen neuen Dienst erstellen oder einen bestehenden bearbeiten, navigieren Sie zur Registerkarte “Dauer & Preise” im oberen Menü des Dienstes. Dort können Sie die Standarddauer und den Preis des Dienstes festlegen. Um die benutzerdefinierte Dauer zu aktivieren, müssen Sie den Schieberegler “Benutzerdefinierte Dauer und Preise” unter den Feldern “Kapazität” aktivieren:

enable-custom-duration

Sobald dies aktiviert ist, können Sie die benutzerdefinierte Dauer und die benutzerdefinierten Preise für den Dienst konfigurieren. Wie bei allen Zeiträumen in Amelia (Servicedauer, Arbeitszeiten der Mitarbeiter, Pausen, Pufferzeiten) hängt die angebotene Dauer vom Schritt Standardzeitfenster ab, der in den allgemeinen Einstellungen von Amelia konfiguriert ist.

Im folgenden Beispiel ist der Schritt Standard-Zeitfenster auf “30 Minuten” festgelegt.

defined-custom-durations

Abhängig vom Schritt Standard-Zeitfenster haben Sie die Freiheit, die benutzerdefinierte Dauer zwischen 1 Minute und 8 Stunden zu konfigurieren.

Sobald Sie dies konfiguriert haben, gelten der Preis des Dienstes und die benutzerdefinierten Zeiträume für alle Mitarbeiter, die diesem Dienst zugewiesen sind. Wie zuvor können Sie jedoch den Preis für die benutzerdefinierte Dauer pro Mitarbeiter konfigurieren.

Konfigurieren des Preises pro Mitarbeiter

Wie oben erwähnt, wird der Preis für alle benutzerdefinierten Zeiträume auf alle Mitarbeiter angewendet, aber Sie können in Amelia zum Abschnitt “Mitarbeiter” navigieren, einen Mitarbeiter auswählen und den Preis ändern, zu dem dieser Mitarbeiter die benutzerdefinierte Dauer (oder den Dienst) bereitstellt.

Auf der Registerkarte “Zugewiesene Dienste” im Profil des Mitarbeiters sehen Sie die Liste aller Dienstleistungen, die dem Mitarbeiter zugewiesen sind. Die Dienste, die mindestens einen benutzerdefinierten Zeitraum haben, werden mit einem Bleistiftsymbol auf der rechten Seite angezeigt:

custom-per-employee

Wenn Sie auf dieses Stiftsymbol klicken, werden alle unten verfügbaren Zeiträume für die benutzerdefinierte Dauer erweitert.

Bitte beachten Sie: Sie können die Dauer dieser Zeiträume nicht ändern, da sie für den Dienst gelten, aber Sie können unterschiedliche Preise für den ausgewählten Mitarbeiter konfigurieren, wie im folgenden Screenshot gezeigt.

custom-per-employee-edit

Bitte beachten Sie: Stellen Sie sicher, dass die Arbeitszeiten Ihres Mitarbeiters lang genug sind, um in alle benutzerdefinierten Dauerzeiträume + mögliche Pufferzeiten zu passen.

Beispiel #1: Wenn einer der benutzerdefinierten Dauerzeiträume 3 Stunden dauert und die Arbeitszeiten Ihres Mitarbeiters von 09:00 bis 11:00 Uhr liegen, kann der Mitarbeiter keinen 3-stündigen Termin anbieten.

Beispiel #2: Wenn Ihr Service Pufferzeiten vor und/oder nach dem Termin hat, müssen Sie diese bei der Erstellung der Arbeitszeiten eines Mitarbeiters berücksichtigen. Wenn der Service (oder einer der benutzerdefinierten Dauerzeiträume) 2 Stunden dauert und es eine Pufferzeit von 1 Stunde gibt, während Ihr Mitarbeiter von 09:00 bis 11:00 Uhr arbeitet, beträgt die Gesamtsumme für den Service (Dauer + Pufferzeit) 3 Stunden, sodass der Mitarbeiter keinen 3-stündigen Termin anbieten kann.

Die Lösung besteht darin, die Arbeitszeiten Ihres Mitarbeiters zu verlängern.

Buchung eines benutzerdefinierten Dauerdienstes im Frontend

Die benutzerdefinierte Dauer ist in allen Service-Buchungsformularen von Amelia implementiert (Schritt-für-Schritt, Katalog, Suche, und die alte Schritt-für-Schritt-Anleitung). Wie es aussieht, zeigen wir Ihnen im neuen Schritt-für-Schritt-Buchungsformular, das jedoch allen Terminbuchungsformularen ähnelt.

Wählen Sie das Formular aus, das Sie verwenden möchten, und fügen Sie es der Front-End-Seite hinzu, indem Sie eine der folgenden Optionen verwenden: Shortcodes oder einer der Bauherren (Elementor, Divi, Gutenberg). Es gibt keine zusätzlichen Einstellungen für Dienste mit benutzerdefinierter Dauer – wenn für den Dienst mehrere Zeiträume konfiguriert sind, werden diese auf der Vorderseite über dem Kalender angezeigt.

custom-duration-front

Dies ist ein Dropdown-Menü, d. h. damit Kunden eine andere Dauer eines Dienstes auswählen können, müssen sie auf das Menü klicken:

duration-selection-front

Abhängig von der Verfügbarkeit des Mitarbeiters, seinen Arbeitszeiten und anderen Serviceterminen variieren die angebotenen Zeitfenster.

Wenn beispielsweise die Standarddauer von 2 Diensten 1 Stunde beträgt und um 12:00 Uhr ein 1-stündiger Service gebucht ist, kann der Kunde um 11:00 Uhr keinen Service mit benutzerdefinierter Dauer (ein 2-stündiger Service) buchen. Amelia ermöglicht es Ihren Kunden also, die gewünschte Dauer zu wählen, zeigt jedoch die verfügbaren Zeitfenster basierend auf der Verfügbarkeit des Mitarbeiters an.

Gruppentermine können mit unterschiedlichen Laufzeiten eines einzelnen Dienstes genutzt werden.

Beispiel:

Standarddauer: 1 Stunde;
Benutzerdefinierte Dauer: 2 Stunden;
Maximale Kapazität: 3 Personen.

Wenn der 1. Kunde den verlängerten Termin um 10:00 Uhr bucht, sehen kommende Kunden den 11:00-Slot nicht (weil der Kunde mitten in einem Termin nicht einspringen kann), aber sie könnten einen 1-Stunden Termin um 10:00 Uhr buchen. Sie könnten also einen Gruppentermin haben, bei dem einige Kunden kürzere Termine gebucht haben und andere Kunden längere Termine gebucht haben, aber sie müssen alle zur gleichen Zeit beginnen.

Buchung eines benutzerdefinierten Dauerdienstes im Backend

Wenn Sie den Termin im Backend hinzufügen, ändert sich bei Diensten, die benutzerdefinierte Zeiträume enthalten, lediglich, dass alle diese Zeiträume beim Erstellen/Bearbeiten des Dienstes neben jedem Kunden angeboten werden.

Genau wie im Front-End-Buchungsformular handelt es sich dabei um ein Dropdown-Menü, das automatisch die Standarddauer auswählt und in einen der im Service hinzugefügten benutzerdefinierten Dauerzeiträume geändert werden kann.

Bitte beachten Sie, dass die gleichen Einschränkungen gelten – wenn der Mitarbeiter nach dem ausgewählten Zeitfenster eine andere Dienstleistung hat und Sie eine andere (längere) Dauer auswählen möchten, können Sie dies nicht tun, da sich die Termine nicht überschneiden können.

back-end-booking

Wiederkehrende Ereignisse im Amelia WordPress Buchungs-Plugin

Wiederkehrende Ereignisse sind Ereignisse, die nach einem sich wiederholenden Zeitplan auftreten. Dies ist ein gebräuchlicher Name für verschiedene Anlässe wie Konferenzen, Einzel- oder Gruppenschulungen, Wiederholungskurse usw. Mit Amelia können Sie einen Zeitrahmen für die Wiederholung von ein- oder mehrtägigen sich wiederholenden Ereignissen festlegen.

Stellen Sie sich wiederkehrende Veranstaltungen wie einen Vortrag vor. Zum Beispiel haben Sie ein Ereignis namens “Evolution 101”, ein wiederkehrendes Ereignis, das jede Woche montags von 10:00 bis 14:00 Uhr wiederholt wird. Jede Woche bietet der “Angestellte” (Mitarbeiter) die gleiche Vorlesung an, was bedeutet, dass er die gleiche Vorlesung (Lektion) die ganze Zeit wiederholt. Vor diesem Hintergrund gäbe es keinen Grund, warum ein einzelner Kunde dieselbe Vorlesung für X Wochen buchen möchte (weil es jede Woche dieselbe Vorlesung ist).

Aus diesem Grund wird jedes wiederkehrende Ereignis als separates Ereignis betrachtet, und wenn ein Kunde ein Ereignis bucht, wird es nicht automatisch zu allen wiederkehrenden Ereignissen hinzugefügt.

Video-Version

Erstellen eines wiederkehrenden Ereignisses

Ähnlich wie beim Erstellen regulärer Veranstaltungen müssen Sie auf die Seite “Veranstaltungen” zugreifen, auf die Schaltfläche “+ Neues Ereignis” in der oberen rechten Ecke oder auf das “+” in der unteren rechten Ecke der Seite klicken, und der Dialog “Neues Ereignis” wird angezeigt.

Die Details zum Erstellen von Ereignissen werden im Abschnitt Ereignisse beschrieben, sodass wir direkt mit der Konfiguration eines wiederkehrenden Ereignisses beginnen.

Wenn ein Ereignis erstellt wird, legen Sie das Datum oder den Datumsbereich fest, in dem es stattfinden soll. Wählen Sie die Uhrzeit aus und aktivieren Sie darunter das Kontrollkästchen “Dies ist ein wiederkehrendes Ereignis”.

Wählen Sie dort:

  • Auf welche Weise das Ereignis wiederholt wird (täglich, wöchentlich, monatlich oder jährlich);
  • Wie es sich wiederholen wird (jede Woche, alle 2 Wochen, alle 3 Wochen usw. (dies gilt natürlich auch für Tage, Monate oder Jahre));
  • Bis zu dem Zeitpunkt, an dem es sich wiederholen wird.
configure-recurring-event

Wenn ein Ereignis als wiederkehrend festgelegt ist, werden unten Optionen zum Anwenden einer bestimmten Logik beim Öffnen der Buchung und beim Schließen der Buchung angezeigt.

apply-to-recurring

Wenn Sie die Option “Auf alle wiederkehrenden Ereignisse anwenden” aktivieren, werden die Optionen von dem Öffnen der Buchung und dem Schließen der Buchung auf alle wiederkehrenden Ereignisse angewendet.
Beispiel: Wenn die Buchung für die erste Veranstaltung am 31. Juli um Mitternacht eröffnet wird, wird die Buchung für alle wiederkehrenden Veranstaltungen ebenfalls am 31. Juli um Mitternacht eröffnet.

Wenn die Option “Dies auf alle wiederkehrenden Veranstaltungen anwenden” deaktiviert ist, berechnet das Plugin die Zeit für die Öffnung und Schließung der Buchung basierend auf der ausgewählten Zeit für die erste Veranstaltung.

Beispiel: Wenn die Buchung für die erste Veranstaltung am 31. Juli um Mitternacht geöffnet wird, bedeutet dies, dass sie 34 Stunden vor Beginn der Veranstaltung geöffnet wird (denken Sie daran, dass die 1. Veranstaltung in unserem Beispiel am 1. August um 10:00 Uhr beginnt). Wenn Sie also die Option “Auf alle wiederkehrenden Ereignisse anwenden” deaktivieren, wendet Amelia die gleiche Logik auf wiederkehrende Ereignisse an, sodass eine Veranstaltung, die am 8. August wiederholt werden soll, am 7. August um Mitternacht buchbar ist.

Die verbleibenden Optionen sind die gleichen wie beim Erstellen eines regulären Ereignisses, daher wird dies übersprungen und wir werden mit der Anzeige und Verwendung wiederkehrender Ereignisse im Frontend fortfahren.

Wie anfangs erwähnt, wird jedes wiederkehrende Ereignis als separates Ereignis betrachtet, wenn du also auf deiner Veranstaltungsseite nachschaust, siehst du eine Liste mit ähnlich benannten Ereignissen, aber jedes mit einer anderen ID:

list-of-recurring-events

WeWir haben dieses Ereignis so konfiguriert, dass das 1. Ereignis in der Liste am 31. Juli um Mitternacht geöffnet wird und dass dies nicht für bevorstehende Veranstaltungen gilt, sodass Sie feststellen werden, dass sich jedes Ereignis im Status “Bevorstehend” befindet. Wenn wir das 1. Ereignis so konfiguriert hätten, dass es sofort geöffnet wird (sobald wir es erstellen), wäre der Status “Offen”.

Wenn wir das 1. Ereignis wie folgt modifizieren:

open-immediately

Sie werden sehen, dass die Buchung sofort für die 1. Veranstaltung geöffnet wurde, aber da wir die Option “Auf alle wiederkehrenden Veranstaltungen anwenden” odeaktiviert haben, sind die bevorstehenden Veranstaltungen immer noch “Bevorstehend”:

nofollow-back

Hinzufügen des Buchungsformulars im Frontend

  • Das einfache Formular [ameliaevents type=list] zeigt alle Ereignisse an, die Sie ab heute haben, so dass alle wiederkehrenden Ereignisse auch hier aufgelistet werden
front-end-default

Exkurs: Im obigen Screenshot – beachten Sie den Unterschied zwischen den wiederkehrenden Veranstaltungen, die wir gerade erstellt haben, und der mehrtägigen Veranstaltung (“Einführung”). Wenn eine mehrtägige Veranstaltung konfiguriert ist, haben Sie die Möglichkeit, mehrere Termine innerhalb einer Veranstaltung hinzuzufügen.

Beispiel:

Sie können ein Ereignis erstellen, das sich über einen Zeitraum von Montag bis Freitag erstreckt oder mehrere Datumsangaben enthält (23. November, dann 25. November, dann 12. Dezember, dann 2. Januar usw.). Stellen Sie sich dies als einen Kurs vor, der entweder an jedem Datum andere Inhalte anbietet oder ab dem letzten Datum fortgesetzt wird. Eine mehrtägige Veranstaltung, die am 22, 29. November, 6. Dezember, 13. Dezember und 20. Dezember stattfindet, ist beispielsweise ein CSS-Kurs mit 5 Klassen. Am 22. November lernst du die Grundlagen, am 29. November gehst du in eine andere Stufe, am 6. Dezember in eine andere Stufe, und schließlich, am 20. Dezember, schließt du den Kurs ab.

Ein Kunde würde diese Veranstaltung buchen, um sich für den CSS-Kurs anzumelden, und er würde automatisch allen 5 Terminen innerhalb dieser einen Veranstaltung zugewiesen werden.

  • Wenn Sie den Gutenberg-Editor, Elementor oder Divi verwenden, können Sie den Schieberegler “Buchungsparameter vorauswählen” aktivieren, mit dem Sie auswählen können, ob das Buchungsformular [ameliaevents] in einer Liste oder in einer Kalenderansicht angezeigt werden soll. Außerdem können Sie nur eines der Ereignisse aus der Liste auswählen:
Event-selection

Wenn wir das 1. Ereignis in der wiederkehrenden Liste auswählen, werden Sie feststellen, dass sich auch der Shortcode ändert, um nur dieses Ereignis anzuzeigen:
[ameliaevents event=28 type=list]

Und auf der Frontend-Seite wird jetzt nur noch dieses einzelne Ereignis angezeigt.

single-event-front

Unterhalb der Ereignisauswahloption können Sie auch den Schieberegler “Wiederkehrende Ereignisse anzeigen” aktivieren, der alle Ereignisse aus der wiederkehrenden Liste anzeigt.

Außerdem ändert sich der Shortcode wie folgt:

[ameliaevents event=28 recurring=1 type=list]

show-recurring-events

Und so würde das Frontend aussehen:

show-recurring

Lassen Sie uns erneut auf das Backend zugreifen und Ihnen zeigen, was passiert, wenn wir einige Änderungen vornehmen. Wenn Sie den Preis eines Events ändern möchten, wird beim Klicken auf “Speichern” in der unteren rechten Ecke ein kleines Feld angezeigt, in dem Sie gefragt werden, ob Sie die folgenden Events aktualisieren möchten:

update-following

Wenn Sie auf “Nein, nur dieses” klicken, ändert sich der Preis nur für die Veranstaltung, die Sie bearbeiten.

Wenn Sie auf “Folgende aktualisierenklicken, ändert sich der Preis für alle Veranstaltungen, die nach dieser Veranstaltung stattfinden.

WhatsApp-Benachrichtigungen im Amelia WordPress Buchungs-Plugin

Neben E-Mail- und SMS-Benachrichtigungen können Sie mit Amelia auch WhatsApp-Benachrichtigungen konfigurieren und verwenden. Sie verwenden einen ähnlichen Ansatz, aber mit einigen Unterschieden. Tauchen wir ein.

Bitte beachten Sie:

  • Die WhatsApp-Integration ist nur in den Plänen Amelia Pro und Amelia Entwickler License verfügbar.
  • Die WhatsApp-Integration kann nicht verwendet werden, um mit Ihren Kunden zu chatten, aber Sie können die automatische Antwort -Nachricht konfigurieren..

Laut dem Leitfaden zur Fehlerbehebung von Facebook, können Unternehmen in der Türkei Nachrichten über die Cloud-API senden, Kunden in der Türkei können jedoch keine Nachrichten empfangen, die von Unternehmen über die Cloud-API gesendet wurden.

Videoversion

Einrichten der App auf Facebook

Rufen Sie diesen Link auf, um sich anzumelden oder Ihr Facebook-Entwicklerkonto zu erstellen. Sie können Ihr persönliches Konto oder das Facebook-Konto Ihres Unternehmens verwenden, Sie müssen sich nur anmelden.
Wenn Sie bereits ein Facebook-Entwicklerkonto haben, können Sie den Abschnitt “Kontoerstellung” unten überspringen und direkt zu “App-Erstellung” springen, indem Sie hier klicken..

Hier konfigurieren Sie Ihre Telefonnummer für WhatsApp und konfigurieren Ihre Automatische Antwort – Nachrichten.
https://developers.facebook.com/

Konto-Erstellung

Wenn Sie ein neues Entwicklerkonto erstellen, klicken Sie nach dem Zugriff auf den Link oben rechts oben auf „Anmelden“. Da WhatsApp nun Teil der Meta-Familie ist, melden Sie sich bei Facebook an:

FB-login

Sobald Sie sich angemeldet haben, werden Sie zurück zur Startseite von developers.facebook.com weitergeleitet. Klicken Sie erneut in der oberen rechten Ecke auf “Erste Schritte”.
Der 1. Schritt ist die Registrierung, bei der Sie den Nutzungsbedingungen und Entwicklerrichtlinien von Facebook zustimmen müssen:

FB-registration

Der 2. Schritt ist die Kontoverifizierung, die entweder durch Hinzufügen einer gültigen Telefonnummer (Sie erhalten einen Bestätigungscode per SMS, also muss es sich um eine echte Nummer handeln, auf die Sie zugreifen können) oder durch Hinzufügen einer Kreditkarte zu Ihrem Konto erfolgen kann.

FB-acc-verification

Der nächste Schritt besteht darin, zu überprüfen, ob die mit Ihrem Facebook-Konto verknüpfte E-Mail-Adresse gültig ist. Wenn Sie es ändern müssen, klicken Sie auf “E-Mail aktualisieren” in der unteren rechten Ecke, und wenn es sich um die richtige E-Mail-Adresse handelt, klicken Sie auf “E-Mail bestätigen”, um mit dem letzten Schritt fortzufahren.

FB-email-confirmation

Der letzte Schritt dient dazu, Facebook dabei zu helfen, deine Erfahrung mit dem Facebook for Developers-Konto zu verbessern. Sie können “Entwickler” auswählen, wie wir es im Screenshot unten getan haben, aber Sie können natürlich auch eine andere Rolle auswählen. Wenn Sie es auswählen, klicken Sie auf Registrierung abschließen, und das war’s.

FB-description

App-Erstellung

Innerhalb des Facebook-Entwicklerkontos sehen Sie entweder eine Liste Ihrer Apps (falls Sie sie bereits verwendet haben) oder Sie sehen einen leeren Bildschirm, wie im folgenden Screenshot gezeigt. Alles, was Sie tun müssen, ist entweder oben rechts neben dem Suchfeld oder im Abschnitt App-Liste auf “App erstellen” zu klicken.

FB-create-app

Wählen Sie den App-Typ – Da Sie WhatsApp mit Ihrem Unternehmen verwenden müssen (unabhängig davon, ob Sie eine “One-Man-Show” oder ein Unternehmen sind), müssen Sie die App-Option vom Typ “Business” auswählen und auf die Schaltfläche “Weiter” in der unteren rechten Ecke klicken.

FB-app-type

Geben Sie grundlegende Informationen an – Hier müssen Sie nur den Anzeigenamen Ihrer App auswählen (Sie können dies später ändern). Die E-Mail-Adresse, mit der Sie angemeldet sind, ist bereits ausgefüllt und das Unternehmenskonto ist keine obligatorische Option für die Verwendung von WhatsApp in Amelia, sodass Sie es nicht auswählen müssen, selbst wenn Ihr Konto mit einem Geschäftskonto verknüpft ist.

FB-app-details

Facebook erlaubt bestimmte Begriffe wie “WhatsApp” nicht. Sie dürfen beispielsweise keine Marken oder Markenelemente von Meta (einschließlich FB, Face, Book, Insta, Gram und Rift) oder verwirrend ähnliche Begriffe in Ihrem App-Namen verwenden, wenn dieser Begriff ein Verweis auf Facebook oder seine Marken ist oder als solcher wahrgenommen werden könnte.

Sobald Sie auf die Schaltfläche “App erstellen” klicken, fragt Facebook nach Ihrem Facebook-Passwort. Geben Sie das Passwort ein und klicken Sie auf “Einreichen”, um fortzufahren.

Damit ist die Erstellung der App abgeschlossen, und jetzt müssen wir der App ein Produkt hinzufügen (WhatsApp). Scrollen Sie dazu bis zum Ende der Seite und klicken Sie auf “Einrichten” in der unteren rechten Ecke der “WhatsApp”-Karte:

WhatsApp-Set-up

Auf dem nächsten Bildschirm erfahren Sie, was in der Business Platform API enthalten ist, und wenn Sie fortfahren, stimmen Sie den Facebook-Nutzungsbedingungen für WhatsApp Business und den Meta-Hosting-Nutzungsbedingungen für die Cloud-API zu. Alles, was Sie tun müssen, ist auf “Weiter” zu klicken:

WhatsApp-API-getting-started

Der nächste Bildschirm besteht aus Daten, die zum Testen der App benötigt werden – ein temporäres Zugriffstoken, eine Telefonnummern-ID, eine WhatsApp Business-Konto-ID, und Curl zum Senden von Nachrichten.
Bitte beachten Sie: Sie benötigen die Telefonnummern-ID und die WhatsApp Business-Konto-ID später, wenn Sie die WhatsApp-Integration in Amelia konfigurieren. Um zu diesem Schritt zu springen, klicken Sie bitte hier.

App-testing

Im Abschnitt “Von” sehen Sie eine Testnummer, die Ihrem Konto zugewiesen ist (diese Nummer kann nicht in der Produktion verwendet werden).
Im Abschnitt “An” sehen Sie ein Dropdown-Menü, das leer ist, wenn Sie es erweitern. Sie können auf “Rufnummernliste verwalten” klicken und bis zu 5 Telefonnummern hinzufügen, um kostenlose Testnachrichten zu erhalten.
Bitte beachten Sie: Schritt 2 klicken und Sie sollten eine WhatsApp-Nachricht ähnlich der folgenden erhalten:

WhatsApp-test-success

Nachdem Sie die Textnachricht erhalten haben, können Sie auf der Seite Facebook für Entwickler nach unten scrollen. Ãœberspringen Sie die Schritte 3 und 4 und klicken Sie unten rechts auf “Telefonnummer hinzufügen”:

Add-phone-number

Dadurch wird ein Modal angezeigt, in dem Sie Ihren Firmennamen (dies ist der Name, den Ihre Kunden auf WhatsApp sehen, wenn sie eine Nachricht von Ihnen erhalten), Ihre geschäftliche E-Mail-Adresse (muss eine gültige E-Mail-Adresse sein, da Sie sie bestätigen müssen), Ihr Land und die Website Ihres Unternehmens hinzufügen.
Wenn Sie mit dem Ausfüllen fertig sind, klicken Sie auf “Weiter” in der unteren rechten Ecke.

Add-phone-number-modal

Im nächsten Pop-up-Fenster werden Sie nach der Zeitzone, der Unternehmenskategorie und der Unternehmensbeschreibung gefragt. Füllen Sie die Details sorgfältig aus und klicken Sie auf die Schaltfläche “Weiter” in der unteren rechten Ecke.

Business-description

Geben Sie die offizielle Telefonnummer Ihres Unternehmens ein, die für Amelia verwendet wird.

Denken Sie daran, dass dies nicht die Nummer sein kann, die WhatsApp bereits verwendet, also muss es sich um eine Nummer handeln, die neu bei WhatsApp ist.
Wenn du eine Nummer eingibst, die bereits von WhatsApp verwendet wird (unabhängig davon, ob es sich um ein privates oder ein geschäftliches Konto handelt), kannst du sie nach der Verknüpfung hier nicht mehr auf einem mobilen Gerät verwenden, daher empfehlen wir dringend, eine neue Nummer für diese Integration zu erhalten.

Sie können auch die Festnetznummer Ihres Unternehmens eingeben, Sie müssen nur unten das Optionsfeld “Telefonanruf” auswählen, um es zu aktivieren.
Wenn Sie eine Handynummer verwenden, können Sie auch die Option “SMS” auswählen, und Sie erhalten den Bestätigungscode.
Bitte beachten Sie, dass dies die Nummer ist, von der Ihre Kunden Nachrichten erhalten.
Sobald Sie in der unteren rechten Ecke des Pop-ups auf “Weiter” klicken, erhalten Sie den Bestätigungscode.

verify-business-number

Nachdem Sie auf “Weiter”geklickt haben, erhalten Sie eine OTP-Nachricht von WhatsApp an Ihre WhatsApp-Geschäftsnummer. Geben Sie den Verifizierungscode (OTP-Nummer) ein und klicken Sie auf die Schaltfläche “Fertigstellen” . Ihre Nummer wird zu diesem Zeitpunkt verifiziert und mit Ihrem WhatsApp Business-Konto verknüpft.

An dieser Stelle haben Sie die Telefonnummer konfiguriert, die Sie für WhatsApp-Nachrichten verwenden, wenn Sie tatsächlich mit Ihren Kunden chatten möchten, aber um sie in Amelia zu integrieren, benötigen Sie ein permanentes Zugriffstoken.
Im Abschnitt “Erste Schritte” sehen Sie oben ein “Temporäres Zugriffstoken” und eine Meldung mit der Aufschrift “Dieses Token läuft in 23 Stunden ab”. Dies kann in Amelia nicht verwendet werden, denn wenn Sie beispielsweise die Nachricht nach 23 Stunden nach dem NOWPass senden möchten, funktioniert das aktuelle Zugriffstoken nicht und Sie müssen sich erneut auf der Seite Facebook for Developers anmelden und auf die Schaltfläche “Aktualisieren” klicken, um ein neues Token zu erstellen.
Stattdessen müssen wir ein Token erstellen, das nie abläuft.

temporary-token

Wenn Sie bei Ihrem Facebook for Developers-Konto angemeldet sind, rufen Sie die Seite mit den Unternehmenseinstellungen auf.
Klicken Sie im Abschnitt “Benutzer” in der linken Seitenleiste auf “Systembenutzer” Sie sehen eine leere Seite, auf der Sie auf “Hinzufügen” klicken müssen, um einen Benutzer hinzuzufügen:

System-users

Sie werden aufgefordert, die Antidiskriminierungsrichtlinie von Facebook zu lesen, die Sie lesen und akzeptieren müssen. Sobald Sie durch dieses Modal gescrollt und die Richtlinie überprüft haben, klicken Sie auf “Ich akzeptiere” in der unteren rechten Ecke des Pop-ups.
Bitte beachten Sie: Es kann sein, dass Sie in regelmäßigen Abständen aufgefordert werden, diese Richtlinie zu überprüfen, um die Einhaltung zu gewährleisten.

non-discrimination-acception

Auf dem nächsten Bildschirm sehen Sie eine “Dankeschön”-Nachricht von Facebook, und Sie müssen nur unten rechts auf “Fertig” klicken, um mit dem Erstellen eines neuen Benutzers fortzufahren.
Geben Sie den Benutzernamen ein und wählen Sie die Rolle
“Admin” aus. Wenn Sie fertig sind, klicken Sie auf “Systembenutzer erstellen”:

create-admin-user

Es kann sein, dass Sie erneut aufgefordert werden, die Antidiskriminierungsrichtlinie von Facebook zu lesen, die Sie lesen und akzeptieren müssen.
Nachdem Sie die Richtlinie erneut akzeptiert haben, wird der neu erstellte Admin-Benutzer angezeigt. Klicken Sie im rechten Bereich des Bildschirms auf die Schaltfläche “Assets hinzufügen”.

add-assets

Klicken Sie im angezeigten Popup-Fenster auf Apps, wählen Sie dann die zuvor für die WhatsApp-Integration erstellte App aus, aktivieren Sie den Schieberegler Vollzugriff (“App verwalten”) und klicken Sie auf “Änderungen speichern”. Vollzugriff (“App verwalten”) und klicken Sie auf “Änderungen speichern”.

Full-control

Das nächste Popup-Fenster informiert Sie darüber, dass ein neues Asset hinzugefügt wurde, und Sie müssen nur noch auf “Fertig” klicken.
Klicken Sie danach in der linken Seitenleiste unter  “Konten” auf “WhatsApp-Konten”. Wählen Sie die zuvor erstellte Business-App aus (in unserem Beispiel heißt sie “Amelia”) und klicken Sie dann auf eine der Schaltflächen “Personen hinzufügen”:

add-people

Wählen Sie im angezeigten Popup-Fenster den zuvor erstellten Systembenutzer aus, aktivieren Sie die Option “Vollzugriff” erneut und klicken Sie dann in der unteren rechten Ecke auf “Zuweisen” :

whatsapp-assign

Sie sehen eine Eingabeaufforderung, die bestätigt, dass 1 Person zum WhatsApp-Konto hinzugefügt wurde, also klicken Sie einfach auf “Fertig”.
Gehen Sie danach zurück zum Abschnitt “Systembenutzer” in der linken Seitenleiste (stimmen Sie der Antidiskriminierungsrichtlinie von Facebook zu, wenn Sie erneut dazu aufgefordert werden) und klicken Sie auf die Schaltfläche “GeneNeues Token generieren” button:

generate-token

Wählen Sie die App aus dem Dropdown-Menü aus und scrollen Sie nach unten. Sie sehen einige Hinweise, und darunter sehen Sie die Liste der verfügbaren Berechtigungen.
Scrollen Sie nach unten und aktivieren Sie diese beiden Berechtigungen:

  • whatsapp_business_messaging
  • whatsapp_business_management

Nachdem Sie sie ausgewählt haben, klicken Sie auf die Schaltfläche “Token generieren” in der unteren rechten Ecke dieses Pop-ups.

generate-token

Schließlich sehen Sie das Token, das nicht abläuft und für immer aktiv ist, es sei denn, Sie klicken auf die Schaltfläche “Token widerrufen”.
Sie können den Token-Bereich auch über das Facebook-Token-Debugger-Tool überprüfen und den Bereich des erfolgreich hinzugefügten Tokens überprüfen oder nicht.
Bitte beachten Sie: Facebook merkt sich dieses Token nicht, also kopieren Sie es und speichern Sie es an einem sicheren Ort.

Permanent-token

WhatsApp-Einstellungen in Amelia

Jetzt, da wir ein permanentes Token in Facebook für Entwickler haben, können wir zur WordPress-Site zurückkehren. Klicken Sie unter Amelia/Benachrichtigungen auf die Registerkarte “WhatsApp-Benachrichtigungen”.
Dort müssen Sie die Telefonnummern-ID, das permanente Zugriffstoken und die ID Ihres WhatsApp Business-Kontos einfügen.
Diese finden Sie in Ihrem Facebook for Developers-Konto unter Apps, die hier bereits erwähnt wurden.

Amelia-WhatsApp-config

Sobald Sie die Konfiguration gespeichert haben, werden Sie zu Nachrichtenvorlagen weitergeleitet, die E-Mail- und SMS-Benachrichtigungen ähneln.
Der einzige Unterschied besteht darin, dass WhatsApp-Vorlagen nicht in Amelia konfiguriert werden können, sondern Sie müssen sie auf Ihrer Unternehmenseinstellungsseite konfigurieren.
Klicken Sie in der linken Seitenleiste auf die drei Zeilen und dann auf “WhatsApp Manager”:

whatsapp-manager

Klicken Sie im Abschnitt “Ãœbersicht”, der als nächstes erscheint, auf die drei Punkte rechts neben dem WhatsApp-Konto, das Sie zuvor erstellt haben, und klicken Sie dann auf “Nachrichtenvorlagen verwalten”:

manage-message-templates

Auf der nächsten Seite können Sie neue Vorlagen erstellen, die in Amelia verwendet werden. Klicken Sie einfach oben rechts auf “Nachrichtenvorlage erstellen”, um zu beginnen.
Wenn Sie eine Vorlage erstellen, muss die Kategorie “Transaktional”sein. Anschließend definieren Sie den Namen der Vorlage (Sie können dieselben Namen wie in Amelia verwenden, z. B. “appointment_approved”, “appointment_pending” usw.) und wählen die Sprachen aus, die Sie in Amelia verwenden. Nachdem Sie dies konfiguriert haben, klicken Sie oben rechts auf “Weiter”.
Bitte beachten Sie:

  • Der Name der Vorlage muss in Kleinbuchstaben ohne Leerzeichen geschrieben werden. Sie können versuchen, sie hinzuzufügen, und Facebook ändert automatisch Großbuchstaben in Kleinbuchstaben und ersetzt Leerzeichen durch einen Unterstrich.
  • Die Sprachen, die Sie in der Vorlage auswählen, müssen auch in Amelia enthalten sein. Die Standardsprache wird in Benachrichtigungen/WhatsApp-Benachrichtigungen festgelegt, wenn Sie auf die Einstellungen zugreifen, aber wenn Sie in den allgemeinen Einstellungen von Amelia weitere Sprachen hinzugefügt haben, sind diese ebenfalls verfügbar, sodass Sie diese Sprachen beim Erstellen von Vorlagen in WhatsApp hinzufügen können.
whatsapp-message-template

Vorlagen in WhatsApp sind ähnlich, unterscheiden sich aber wiederum von der Erstellung von Vorlagen für E-Mail- und SMS-Benachrichtigungen.
Der Hauptunterschied besteht darin, dass Sie Variablen Platzhalter) in der Vorlage konfigurieren müssen und diese nur numerisch sein können. Wie Sie im folgenden Screenshot sehen können, sind diese Platzhalter nicht identisch mit denen von Amelia (die in %-Symbolen eingeschlossen sind) und werden als {{1}}, {{2}} usw. angezeigt.
Die Kopf- und Fußzeile sind optional und die Kopfzeile kann Variablen enthalten, die Fußzeile jedoch nicht. Wenn Sie eine Kopfzeile hinzufügen, wählen Sie „Text“ aus der Dropdown-Liste aus und geben Sie Ihre Kopfzeile ein, wie im Beispiel unten gezeigt.
Sobald Sie die Vorlage erstellt haben, klicken Sie auf die Schaltfläche “Einreichen” in der oberen rechten Ecke. Wenn Sie vergessen haben, die Vorlage für eine andere Sprache hinzuzufügen, wird eine Warnung angezeigt, sodass Sie zurückgehen und die Vorlage für eine andere Sprache hinzufügen können.

creating-a-template

Jede Vorlage, die Sie erstellen, wird von WhatsApp überprüft, und es dauert normalerweise eine Stunde, bis sie genehmigt wird. Eine genehmigte Vorlage hat einen grünen Kreis neben der Sprache, und eine ausstehende Vorlage hat einen leeren Kreis, wie im folgenden Screenshot gezeigt:

approved-pending-templates

Bitte beachten Sie:

  • Sobald eine Vorlage genehmigt wurde, kann sie nicht mehr bearbeitet werden. Es können nur abgelehnte Vorlagen bearbeitet werden. Wenn Sie die Vorlage nach der Genehmigung ändern müssen, müssen Sie die alte löschen und eine neue Vorlage erstellen.
  • WhatsApp akzeptiert keine Zeilenumbrüche, TAB, und 4 Leerzeichen zusammen, also vermeiden Sie es, sie in der Vorlage zu verwenden. Zeilenumbrüche werden durch ein Semikolon ( ; ) ersetzt.

Verknüpfen von Variablen mit Amelia-Platzhaltern

Zurück in Amelia/Benachrichtigungen/WhatsApp-Benachrichtigungen (sobald Sie die Seite aktualisiert haben) sehen Sie, wenn Sie auf das Dropdown-Menü “Vorlagenname” klicken, die Liste aller in der App erstellten Vorlagen (sowohl genehmigte als auch ausstehende):

Amelia-template-selection

Wählen Sie die Vorlage aus, die Sie mit der Amelia-Vorlage verknüpfen möchten, auf die Sie geklickt (oder die Sie erstellt) haben, und dann können Sie die Variablen mit Platzhaltern verknüpfen.
Platzhalter für Kopfzeilen und Platzhalter für den Nachrichtentext sind getrennt, sodass {{1}} in der Kopfzeile nicht mit {{1}} im Nachrichtentext identisch ist. Alle Variablen, die Sie der Nachrichtenvorlage in WhatsApp hinzugefügt haben, werden unter der Kopfzeile und dem Nachrichtentext hinzugefügt, sodass Sie sie verknüpfen können.
Zuerst muss die Variable {{1}} mit Category/%service_name% (in diesem Beispiel) in der Kopfzeile verknüpft werden:

Linking-header-variables

Darunter sehen Sie dann die von WhatsApp gezogene Nachrichtenvorlage, und unter der Vorlage können Sie die Variablen mit Platzhaltern in Amelia verknüpfen:

Linking-body-variables

Wenn Sie mit dem Verknüpfen der Variablen mit Platzhaltern fertig sind, scrollen Sie ganz nach unten und klicken Sie auf die Schaltfläche “Speichern” in der unteren rechten Ecke, um die Benachrichtigungsvorlage zu speichern.
Jetzt können Sie, wie in allen anderen Benachrichtigungen, die Nachrichten testen. Klicken Sie auf “Test-WhatsApp-Nachricht senden”, geben Sie die Telefonnummer ein, an die die Nachricht gesendet werden soll, und wählen Sie die Vorlage aus, die Sie testen möchten.
Die Testnachricht, die Sie erhalten, ersetzt die Platzhalter genau wie E-Mail- und SMS-Testbenachrichtigungen – durch Testdaten data (John Doe für den Kundennamen, Richard Roe für den Mitarbeiternamen usw.).

Amelia-test-message

Aktivieren Sie die Automatische Antwort-Nachricht

Da die WhatsApp-Integration nicht verwendet werden kann, um mit Ihren Kunden zu chatten, können Sie die Automatische AntwortNachricht so konfigurieren, dass Ihre Kunden dies wissen.

Zurück in Amelia/Benachrichtigungen/WhatsApp-Benachrichtigungen müssen Sie auf die Einstellungen in der oberen rechten Ecke zugreifen. Dort sehen Sie auf der linken Seite die Details, die Sie bereits eingegeben haben (Telefonnummern-ID, Permanent Access Token und die WhatsApp Business ID).
Auf der rechten Seite sehen Sie ein automatisch generiertes WhatsApp Webhook Verify Token (bitte beachten Sie, dass dieses Token manuell geändert werden kann), die WhatsApp Automatische Antwort -Nachricht ((die Sie auch ändern und Amelias Platzhalter verwenden können) und die WhatsApp Webhook Callback-URL.

WA Settings

Kopieren Sie zunächst das WhatsApp Webhook Verify Token und gehen Sie zu Ihrer Developers Console.
Erweitern Sie im Menü auf der linken Seite WhatsApp und klicken Sie auf Konfiguration. Klicken Sie rechts im Abschnitt Webhook ganz rechts auf Bearbeiten.

WA_config

Dadurch wird ein Fenster geöffnet, in dem Sie das WhatsApp Webhook Verify Token einfügen können, das Sie zuvor von Amelia kopiert haben.
Gehen Sie dann zurück zu Amelia und kopieren Sie die WhatsApp Webhook Callback URL und fügen Sie sie in das erste Feld in Meta for Developers ein:

wa_webhook_paste

Sobald Sie diese Daten eingefügt haben, klicken Sie auf Überprüfen und speichern.
Dadurch wird das Modal geschlossen und die Konfigurationsseite aktualisiert.
Jetzt müssen Sie auf die Schaltfläche Verwalten neben den Webhook-Feldern klicken.

wa_manage

Suchen Sie dort in der ersten Spalte nach Nachrichten und klicken Sie dann ganz rechts in derselben Zeile auf Abonnieren:

wA messages subscribe

Oben in diesem Fenster sehen Sie eine grüne Nachricht, die Sie darüber informiert, dass Sie Nachrichten erfolgreich abonniert haben.
Sie können auch in der 3. Spalte auf Test klicken, um diese Nachricht zu testen, und wenn der Test erfolgreich verlaufen ist, wird die grüne Meldung oben aktualisiert und teilt Ihnen mit, dass die Nachricht erfolgreich getestet wurde.

wa subscribed

Damit ist die Konfiguration der Automatische Antwort-Nachricht abgeschlossen, sodass Sie in der unteren rechten Ecke auf Fertig klicken und das Fenster Meta für Entwickler schließen können.
Jetzt liegt es an Ihnen, die Automatische Antwort-Nachricht in Amelia zu bearbeiten, falls Sie dies noch nicht getan haben.

Bitte beachten Sie:

  • Es wird dringend empfohlen, ein dediziertes WhatsApp-Konto mit Ihrer geschäftlichen Telefonnummer zu erstellen.
  • Sie können das von WhatsApp erstellte Testkonto verwenden, aber Sie können den Namen, der in WhatsApp Ihrer Kunden angezeigt wird, nicht ändern, sodass sie eine nicht erreichbare Telefonnummer sehen, wie im obigen Screenshot gezeigt, ohne antworten zu können (da Sie diese Nachricht nicht auf einem tatsächlichen Konto empfangen können, ohne hier eine echte Telefonnummer hinzuzufügen).

Anpassen des Designs von Amelia-Buchungsformularen

Das neue Buchungsformular ist da und mit ihm ein neuer Abschnitt Anpassen!

Das Design der Frontend-Formulare und -Eingaben von Amelia basiert auf erweiterten Farb- und Stileinstellungen. Wenn Sie das Design Ihrer Buchungsformulare bei jedem Schritt anpassen, können Sie Amelia an jedes Corporate Branding, Farbstile und WordPress-Themes anpassen.

Bitte beachten Sie:
  • Nachdem Sie das Design der Formulare angepasst und die Änderungen gespeichert haben, wird empfohlen, den Cache auf Ihrer Website zu löschen.
  • Das Schritt-für-Schritt-Buchungsformular v2 befindet sich noch in der Beta-Version, so dass das Menü Anpassen derzeit sowohl den alten Abschnitt Anpassen als auch den neuen Abschnitt Anpassen bietet.
  • Wenn wir das Aussehen anderer Buchungsformulare modernisieren, werden diese dem neuen Abschnitt Anpassen hinzugefügt, so dass im Moment nur das Schritt-für-Schritt-Buchungsformular verfügbar ist, während andere Formulare noch über den alten Abschnitt Anpassen anpassbar sind.

Videoversion

Der Zugriff auf den Abschnitt Anpassen erfolgt über das WordPress-Menü – Amelia » Anpassen.

customize-selection

Wählen Sie das “Schritt-für-Schritt-Buchungsformular 2.0”, indem Sie auf die Schaltfläche “Weiter” unter dem Namen des Formulars klicken und rufen Sie den neuen Abschnitt Anpassen auf. Dort sehen Sie einen WYSIWYG-Stil (What-You-See-Is-What-You-Get / Was du siehst ist was du kriegst).

Wenn Sie eine Pro- oder Entwicklerlizenz erworben haben, sehen Sie links über dem Formular ein Auswahlfeld, in dem Sie auswählen können, ob Sie das Formular für Dienste oder Pakete bearbeiten.

Bitte beachten Sie, dass die Paketfunktion nicht im Basislizenzplan von Amelia enthalten ist.

customize-landing

Alles, was zum Anpassen des Formulars benötigt wird, befindet sich im Menü auf der rechten Seite.

Das Menü ist in drei Teile unterteilt:

  1. Die Einstellungen (wo Sie globale Schriftarten und Farben konfigurieren)
  2. Abschnitt (wo Sie derzeit nur die Sichtbarkeit der Seitenleiste und ihre Beschriftungen konfigurieren können)
  3. Die Schritte (wo Sie die Farben, Beschriftungen, Reihenfolge der Felder, Übersetzungen und ob einige Felder obligatorisch sind oder nicht, individuell konfigurieren können).

Für einige Elemente können Sie wählen, ob sie im Frontend angezeigt werden oder nicht, und für einige Auswahlen wie Standorte oder Mitarbeiter können Sie auswählen, ob sie im Buchungsprozess obligatorisch sind oder nicht. Alle Änderungen sind in Echtzeit sichtbar, so dass Sie Änderungen in der Vorschau sehen, sobald sie vorgenommen wurden.

Bei jedem Schritt können Sie in der unteren rechten Ecke des Seitenmenüs auf die Farben zugreifen und sehen, welche globalen Farben welchen Abschnitt des ausgewählten Schritts beeinflussen. Zum Beispiel im Schritt “Dienste”:

services-step-colors

Globale Einstellungen und Formularfarben

In den globalen Einstellungen des Abschnitts Anpassen können Sie die Schriftart auswählen, die Sie für das Formular verwenden möchten (Sie können eine der Standardschriftarten auswählen oder Ihre eigene benutzerdefinierte Schriftart verwenden) und die Farben ändern, die im gesamten Formular angewendet werden.

Bitte beachten Sie:

Amelia lädt die Standardschriftarten (siehe unten) von den Servern von Google (Google Fonts). Da dies in einigen Ländern im Widerspruch zur DSGVO steht, können Sie die Option Benutzerdefiniert im Abschnitt Schriftarten von Amelia/Anpassen verwenden und die Schriftarten lokal laden.

Wenn auf einigen Seiten immer noch Polyfill geladen wird, deaktivieren Sie den Schieberegler “Verwendung für ältere IE-Browser aktivieren” in Amelia/Einstellungen.

Verfügbare Schriftarten:

  • Roboto
  • Lato
  • Merriweather
  • Montserrat
  • Mulish
  • Nunito
  • Asap Condensed
  • Open Sans
  • Barlow
  • Oswald
  • Bitter
  • Poppins
  • Carme

Benutzerdefinierte Schriftart definieren

Wie oben erwähnt, können Sie Schriftarten herunterladen und lokal laden, wenn das Laden von Google Fonts im Widerspruch zu den DSGVO-Richtlinien Ihres Landes steht.

Suchen Sie zuerst die Schriftart, die Sie verwenden möchten, irgendwo online. Zum Beispiel verwenden wir Dafont und laden die Schriftart “Freshman” herunter. Die .ttf Datei muss lokal gespeichert werden, also haben wir sie dem Ordner /wp-content/uploads/fonts/ hinzugefügt und die URL in die Schriftart eingefügt:

define-custom-font

Dies führt dazu, dass Amelia die Schriftart aus Ihrem lokalen Ordner anstelle von Googles Servern lädt und das Formular die Schriftart korrekt aufnimmt und dies anzeigt:

custom-font-form

Farben

Hier können Sie die Primär- und Statusfarben, die Farbe der Seitenleiste, den Inhalt, Eingabefelder, Dropdowns, Kalender und Schaltflächen innerhalb des Formulars definieren.

Wie bereits erwähnt, wenn Sie einige Farben nicht mögen, wenn Sie sich durch die Schritte bewegen, denken Sie daran, auf die Schaltfläche “Farben ändern” in der unteren rechten Ecke des Seitenmenüs zu klicken.

customize-global-colors

Primär- und Zustandsfarben

Dieses Menü besteht aus den Farben “Primär”, “Erfolg”, “Warnung”, und “Fehler”, die im gesamten Formular zu finden sind.

In diesem Schritt definiert die Farbe “Primär” den aktuellen Schrittkreis in der Seitenleiste, die Kategorie, über die Sie fahren, wenn Sie auf das Dropdown-Menü “Dienst” klicken, die Farbe des Dienstleistungspreises und die Farbe des Preises für jeden Mitarbeiter im Dropdown-Menü “Mitarbeiter” (vergessen Sie nicht, dass der Preis für Dienstleistungen pro Mitarbeiter unterschiedlich sein kann).

Die Farbe “Erfolg” definiert die Farbe der Vorschaubilder des Mitarbeiters (es sei denn, der Mitarbeiter hat ein Profilfoto – in diesem Fall wird das Foto im Dropdown-Menü “Mitarbeiter” angezeigt).

Primary-colors-one
primary-success

Die Farbe “Fehler” (in diesem Schritt) wird für das Sternchen des Pflichtfelds ( * ) und für eine Warnung verwendet, die angezeigt wird, wenn der Kunde versucht, fortzufahren, ohne das Pflichtfeld auszuwählen (in diesem Beispiel Service).

Error-primary

Die Farbe “Warnung” kann in diesem Schritt nicht angezeigt werden, wird aber hier behandelt.

Die Standardfarben im Abschnitt “Primär- und Zustandsfarben” sind:

  • Primär: rgba(18, 70, 214, 1)
  • Erfolg: rgba(1, 151, 25, 1)
  • Warnung: rgba(204, 162, 12, 1)
  • Fehler: rgba(180, 25, 15, 1)

Seitenleisten- und Inhaltsfarben

Die Farben “Seitenleiste” und “Inhalt” sind ziemlich einfach. Hier definieren Sie die Hintergrundfarbe der Seitenleiste und des Hauptinhalts sowie Textfarben innerhalb der Seitenleiste, den Hauptinhalt und den Ãœberschriftentext.

Bitte beachten Sie, dass die Hintergrundfarben der Sidebar-Stufen eine Schattierung der Hintergrundfarbe der Seitenleiste sind.

sidebar-colors
main-content-colors

Die Standardfarben in den Abschnitten “Seitenleiste” und “Inhalt” sind:

  • Hintergrund der Seitenleiste: rgba(23, 41, 90, 1)
  • Seitenleistentext: rgba(255, 255, 255, 1)
  • Hintergrund des Hauptinhalts: rgba(255, 255, 255, 1)
  • Text der Hauptinhaltsüberschrift: rgba(51, 67, 76, 1)
  • Hauptinhalt Text: rgba(26, 44, 55, 1)

Eingabefelder Farben

Dies definiert die Farben der Dropdowns, ihre Rahmenfarben, die Platzhaltertextfarben und die ausgewählten Eingabefarben.

Input-fields-colors

Die Standardfarben im Abschnitt “Eingabefelder” sind:

  • Hintergrund: rgba(255, 255, 255, 1)
  • Rand: rgba(209, 213, 215, 1)
  • Text: rgba(26, 44, 55, 1)
  • Platzhalter: rgba(128, 138, 144, 1)

Dropdown-Farben

So einfach es klingt, in diesem Abschnitt können Sie die Hintergrund-, Rahmen- und Textfarben aller Dropdown-Auswahlen definieren.

dropdowns-colors

Die Standardfarben im Abschnitt “Eingabefelder” sind:

  • Hintergrund: rgba(255, 255, 255, 1)
  • Rand: rgba(255, 255, 255, 1)
  • Text: rgba(14, 25, 32, 1)

Kalenderfarben

Da die Kalenderansicht im ersten Schritt nicht angezeigt werden kann, verlassen wir den Abschnitt “Farben” in den “Allgemeinen Einstellungen” und wechseln zu “Schritte” (wir greifen auf den Schritt “Datum & Uhrzeit” zu).

Hinweis: Sie können zurück zum Hauptmenü der rechten Seitenleiste navigieren, indem Sie auf das < Symbol oben in der Seitenleiste neben dem Namen des Abschnitts klicken.

access-date-time-step

Die Standardansicht des Schritts “Datum & Uhrzeit” zeigt Ihnen den Kalender und die verfügbaren Optionen für diesen Schritt. In der Abbildung unten können Sie sehen, dass die Farbe “Erfolg” aus “Primär- und Statusfarben” auf den Hintergrund des Seitenleistenkreises angewendet wird, was zeigt, dass alle Auswahlen und Eingaben dieses Schritts erfüllt wurden.

Wie bereits erwähnt, können Sie unten rechts im Menü auf der rechten Seite auf die Farbeinstellungen zugreifen, um die Farben anzuzeigen, die für den Schritt gelten, an dem Sie sich befinden (Datum & Uhrzeit).

Calendar-step-default

Wenn Sie auf die Schaltfläche “Farben ändern” klicken, werden Sie feststellen, dass dasselbe Menü aus den Allgemeinen Einstellungen geöffnet wird. Hier können Sie zum Abschnitt “Kalender” navigieren und die Farben des Kalenders konfigurieren.

calendar-colors

Wenn Sie die Farben des Schritts “Kalender” ändern, können Sie die Farben der Kalenderzelle ändern (diese Farben gelten sowohl für den Kalender als auch für die Zeitfenster, und daher sind die verfügbaren Zeitfenster in der Vorschau des Abschnitts “Anpassen” nicht sichtbar).

  • Init-Zelle ist der Hintergrund und die Rahmenfarbe der verfügbaren Zellen. Diese Farbe gilt auch für das Feld “Aktuelle Zeitzone”, das sich über dem Kalender befindet.
  • Init-Zellentext konfiguriert die Textfarbe der verfügbaren Datumsangaben und das Feld “Aktuelle Zeitzone”.
  • Zelle Ausgewählter Hintergrund definiert den Hintergrund einer ausgewählten Zelle.
  • Zelle Ausgewählter Text definiert die Textfarbe einer ausgewählten Zelle.
  • Zelle Deaktivierter Hintergrund gilt für nicht verfügbare Daten (freie Tage, ausgebuchte Tage).
  • Zelle Deaktivierter Text konfiguriert die Textfarbe innerhalb deaktivierter Zellen.

Die Standardfarben im Abschnitt “Kalender” sind:

  • Init-Zelle: rgba(38, 92, 242, 1)
  • Init-Zellentext: rgba(18, 70, 214, 1)
  • Zelle Ausgewählter Hintergrund: rgba(18, 70, 214, 1)
  • Zelle Ausgewählter Text: rgba(255, 255, 255, 1)
  • Zelle Deaktivierter Hintergrund: rgba(180, 25, 15, 0.05)
  • Zelle Deaktivierter Text: rgba(140, 149, 154, 1)

Farben der Tasten

Um zu sehen, was “Schaltflächenfarben” tun, gehen wir wieder zurück zum Hauptmenü des rechten Menüs und rufen den Schritt “Dienste” auf.

services-step

Um die Farben der Schaltflächen richtig zu konfigurieren, wählen Sie im Schritt “Dienste” einen der Teilschritte aus. In diesem Beispiel haben wir den Teilschritt “Jemanden mitbringen” ausgewählt.

bringing-anyone-customize

In der Formularvorschau wird automatisch der Abschnitt ” Jemanden mitbringen” erweitert, in dem Sie Optionen, Beschriftungen und Farben konfigurieren können. Denken Sie daran, dass Sie auf die Farben in jedem Schritt zugreifen können, indem Sie auf die Schaltfläche “Farben ändern” unten rechts im rechten Menü klicken.

Wenn Sie auf die Farben zugreifen, navigieren Sie zum Abschnitt “Schaltflächen” Dort können Sie die folgenden Farben konfigurieren:

  • Der primäre Hintergrund gilt für alle primären Schaltflächen (“Weiter” und “Ja”-Schaltflächen in allen Schritten).
  • Primärtext konfiguriert die Textfarbe innerhalb der primären Schaltflächen.
  • Sekundärer Hintergrund ändert die Hintergrundfarbe aller sekundären Schaltflächen (“Nein”-Schaltflächen in allen Schritten).
  • Sekundärtext bezieht sich auf den Text sekundärer Schaltflächen.
Bitte beachten Sie: Wie Sie im Bildschirmfoto unten sehen können, gilt die Hintergrundfarbe der sekundären Schaltfläche derzeit für den sekundären Text. Dies ist kein Fehler, sondern eine absichtliche Änderung aufgrund des Stils der sekundären Schaltfläche. Wir werden es unten behandeln.
primary-button-colors

Um die Farben der sekundären Schaltflächen zu ändern und zu verstehen, warum die Farben zwischen Hintergrund- und  Textfarben wechseln, müssen wir einen Schritt zurückgehen.

Denken Sie daran, dass wir den Unterschritt “Jemanden mitbringen” innerhalb des Schritts “Dienste” konfigurieren, so dass Sie, während Sie sich im Abschnitt Farben des rechten Menüs befinden, einfach auf die Schaltfläche “<” neben Farben klicken und Sie werden zum Anpassungsmenü “Jemanden mitbringen” zurückgeführt.

Klicken Sie dort auf “Optionen”.

bringing-options

Hier können Sie sehen, warum die Farben der sekundären Schaltfläche zurückgesetzt werden. Der Typ der Schaltfläche ist standardmäßig auf “Text” eingestellt.

secondary-button-type

Damit also die Farben der sekundären Schaltfläche auf denHintergrund und die Textfarben aus dem vorherigen Schritt angewendet werden, ändern Sie den Typ der Schaltfläche in “gefüllt” und Sie sehen die Farben aus dem vorherigen Schritt.

secondary-filled

Der “einfache” Stil der Schaltfläche zeigt die Schaltfläche mit einem transparenten Hintergrund an (so wird der “Hauptinhaltshintergrund” der Hintergrund der Schaltfläche “einfach” sein, während die Farbe “Sekundärer Hintergrund” der Schaltfläche auf den Rand und den Text der sekundären Schaltfläche angewendet wird.

secondary-plain

Die Standardfarben im Abschnitt “Schaltflächen” sind:

  • Primärer Hintergrund: rgba(38, 92, 242, 1)
  • Primärtext: rgba(255, 255, 255, 1)
  • Sekundärer Hintergrund: rgba(26, 44, 55, 1)
  • Sekundärtext: rgba(255, 255, 255, 1)

Wir “schulden” Ihnen die Farbe “Warnung” aus dem Abschnitt “Primär- und Zustandsfarben”. Um die Warnfarbe zu sehen, rufen Sie den Hauptbildschirm des rechten Menüs auf und greifen Sie auf den Abschnitt “Wiederkehrende Zusammenfassung” zu.

Sie können auf die Farben zugreifen, indem Sie die Schaltfläche “Farben ändern” unten rechts verwenden. Hier sehen Sie, dass die Warnfarbe für die Nachrichten gilt, die die Aufmerksamkeit des Kunden erfordern.

Klicken Sie hier um zum Abschnitt ” Primäre und Zustand ” zurückzukehren.

warning-color

Wie Sie bereits bemerkt haben, gelten die Farben innerhalb von Formularen an vielen Stellen. Wir möchten nicht, dass Sie sich in unserer Dokumentation verlieren, daher haben wir nur einige Beispiele behandelt, in denen Sie die von Ihnen angewendeten Farben sehen können, aber bitte zögern Sie nicht, mit dem Formular herumzuspielen und mehrere Schritte zu überprüfen, um zu sehen, welche Farbe wo gilt.

Abschnitt

In dieser Phase können Sie mit der Einstellung für die Anpassung des Abschnitts die linke Seitenleiste des Buchungsformulars ausblenden:

hide-sidebar

Und es ermöglicht Ihnen auch, die Etiketten für “+mehr” und ” Kontakt aufnehmen” zu ändern.

customize-more-git

Die Zeichenfolge “+mehr” wird nur angezeigt, wenn ein Kunde ein Paket kauft, nachdem mehr als 3 Termine gebucht wurden.

Schritte und Optionen

Jeder Schritt im Schritt-für-Schritt-Buchungsformular kann über den Abschnitt Anpassen individuell konfiguriert werden. Folgende Optionen stehen zur Verfügung:

  • Änderung der Reihenfolge innerhalb der Schritte “Dienste” und “Ihre Informationen” steps
  • Konfigurieren der Felder so, dass sie obligatorisch sind oder nicht
  • Auswählen der Schaltflächentypen
  • Ändern der Standardbeschriftungen für alle Schritte
  • Zugriff auf Teilschritte und Konfigurieren ihrer Optionen und Bezeichnungen (falls zutreffend)
Steps-and-options
Wir werden nicht jeden Schritt abdecken, da die Optionen darin ähnlich sind.

Dienste Schritt

Wenn Sie auf den Schritt “Dienste” zugreifen, sehen Sie die Einstellungen “Bestellung”, “Optionen” und ” Beschriftungen” und darunter können Sie auf die Unterschritte “Jemanden mitbringen” und “Pakete” zugreifen (bitte beachten Sie, dass die Paketfunktion nicht im Basislizenzplan von Amelia enthalten ist).

Im Abschnitt “Bestellung” können Sie die Reihenfolge der Felder ändern (standardmäßig ist das Dropdown-Menü “Dienste” das erste Feld, “Mitarbeiter” ist das zweite Feld und das Feld “Standorte” ist das dritte Feld).

Sie können die Felder mit einer einfachen Drag-and-Drop-Funktion neu anordnen.

services-order-drag-drop

Im Abschnitt “Optionen” können Sie den Stil der Schaltfläche “Weiter” ändern, die Dropdown-Menüs “Mitarbeiter” und “Standorte” ausblenden und obligatorisch machen.

Wenn ein Feld als obligatorisch festgelegt ist, können Sie es nicht ausblenden.

services-options

In den “Beschriftungen”-Einstellungen jedes Schritts können Sie alle Standardbeschriftungen in diesem Schritt ändern und Ãœbersetzungen für diese Beschriftungen für andere Sprachen bereitstellen, die Sie zu Amelia hinzugefügt haben.

Die angebotenen Sprachbeschriftungen werden aus den Allgemeinen Einstellungen von Amelia gezogen, wenn Sie also nur die deutsche Sprache hinzufügen, wird nur diese Sprache angezeigt, wenn Sie auf jeder Beschriftung zugreifen.

Der folgende Screenshot gibt Ihnen eine Vorstellung davon, wie das Bearbeiten von Beschriftungen im neuen Abschnitt Anpassen funktioniert.

Der Titel jedes Abschnitts wird über den Beschriftungsfeldern festgelegt, sodass im folgenden Beispiel “Dienstleistungsauswahl” der Titel der Bezeichnung ist, die Sie ändern. Wenn das Feld neben dem Eingabefeld “Standardbeschriftung” leer ist, wird der Titel der Beschriftung als Beschriftung angewendet (in diesem Fall “Dienstleistungsauswahl “).

labels-default

Wir werden hier einige Beschriftungen ändern, damit Sie sehen, wie sie angewendet werden. Wenn Sie eine Beschriftung ändern, sehen Sie, dass es in Echtzeit im Vorschaufenster auf der linken Seite geändert wird.

modified-labels

Bitte beachten Sie, dass das “Standardbeschriftung” für die Standardsprache von WordPress gilt. Amelia nimmt diese Sprache auf, wenn es eine Ãœbersetzung für diese Sprache in unserem Plugin gibt (Sie können mehr über Sprachen in Amelia lesen und die Liste der übersetzten Sprachen hier)sehen), wenn Sie also das Standardbeschriftung ändern möchten, wird es nicht immer in Englisch, sondern in Ihrer Sprache sein.

Wenn Ihre Sprache nicht in Amelia übersetzt ist, können Sie die Zeichenfolgen weiterhin in Ihre Sprache ändern, damit Ihre Frontend-Kunden alles in Ihrer Sprache sehen. Gleiches gilt für weitere Sprachen (in diesem Fall Deutsch) – da es in Amelia eine deutsche Übersetzung gibt, werden die Standardzeichenfolgen aus der Übersetzungsdatei gezogen, wenn wir die deutschen Beschriftungen leer lassen, aber Sie können dies jederzeit mit den Beschriftungen im Abschnitt Anpassen überschreiben.

Wie Sie im obigen Bildschirmfoto sehen können, werden die deutschen Strings derzeit nicht angezeigt. Dies liegt daran, dass Deutsch eine zusätzliche Sprache ist, die zu Amelias allgemeinen Einstellungen hinzugefügt wurde. Wenn es als Standardsprache festgelegt wäre, hätten wir Englisch als zusätzliche Sprache hinzugefügt, und das gesamte Formular wäre auf Deutsch.

Um die geänderten deutschen Beschriftungen zu sehen, müssen wir die Sprache im Dropdown-Menü “Sprache” über der Formularvorschau ändern.

Jede Beschriftung, das in jedem Schritt zu sehen ist, kann geändert werden, Sie müssen nur die Schritte durchlaufen und auf den Abschnitt “Beschriftungen” zugreifen, um dies zu tun.

language-labels

Bitte beachten Sie, dass das Formular nicht automatisch in der Sprache angezeigt wird, die Sie im Dropdown-Menü “Sprache” ausgewählt haben, auch wenn Amelia vollständig ins Deutsche übersetzt ist (in diesem Fall). Aus diesem Grund ist der Rest der Formularvorschau immer noch in englischer Sprache. Auf dem Frontend würden standardmäßige deutsche Strings angezeigt, wo Sie englische Strings im obigen Screenshot sehen, und die, die wir hier geändert haben, würden die standardmäßigen deutschen Strings von Amelia überschreiben.

Wir sind uns bewusst, dass in einigen Sprachen die Schaltfläche “Weiter” je nach Schritt eine andere Bezeichnung haben sollte, daher haben wir auch diese Option hinzugefügt!

Von nun an können Sie die Beschriftung jeder Schaltfläche in jedem Schritt ändern.

Paketanpassung

Bitte beachten Sie, dass die Paketfunktion nicht im Basislizenzplan von Amelia enthalten ist.

Um das Aussehen, die Beschriftungen und die Optionen für das Formular Pakete zu ändern, müssen Sie zunächst die Schritte oben links über der Formularvorschau von “Dienste” in “Paket” ändern.

Im Menü auf der rechten Seite werden Sie feststellen, dass sich die Schritte etwas von den Schritten unterscheiden, wenn Sie die Serviceschritte anpassen.

package-customization

Erinnern Sie sich an den Bildschirmfoto von der Dokumentationsseite des Schritt-für-Schritt-Buchungsformulars 2.0, wo nach der Auswahl des Dienstes im Formular erwähnt wird, dass Pakete mit dem ausgewählten Dienstleistungen enthalten sind?

Um die Bezeichnung dieser Nachricht zu ändern, rufen Sie das Formular “Paket” über der Formularvorschau auf und rufen Sie den Schritt “Paket” / Beschriftungen / Unterschritttitel auf.

package-offer

Der Ablauf ist genau derselbe – Sie können durch das Seitenmenü navigieren und die Farben, Optionen, Schaltflächen und die Reihenfolge des Abschnitts “Ihre Informationen” anpassen.

Gehen Sie einfach durch jeden Abschnitt und überprüfen Sie, ob die globalen Farben im Paketkaufformular so sind, wie Sie sie haben möchten.

Ressourcenbuchung im Amelia WordPress Booking Plugin

Angenommen, Sie haben einen Friseursalon und Sie haben 3 verfügbare Stühle, aber es gibt 6 Friseure (Mitarbeiter), die Ihre Kunden buchen können. In der Vergangenheit konnten Sie Amelia für diesen Fall nicht richtig konfigurieren, aber ab Version 6.0 enthält Amelia Ressourcenbuchungen , mit denen Sie genau dies tun können!

Sie können jetzt eine Ressource erstellen, die für alle von Ihnen bereitgestellten Dienste freigegeben wird. Im obigen Beispiel könnten diese Dienste Rasieren, Barttrimmen, Kurzhaar, Kopfrasur, usw. sein. Wenn Sie eine Ressource für mehrere Dienste freigeben bedeutet dies, dass Sie eine Ressource bereitstellen, die von der Anzahl der Termine abhängt, und nicht von dem gebuchten Dienst.

Sie würden beispielsweise eine Ressource mit dem Namen “Stuhl” hinzufügen und deren Größe auf “3” festlegen. Wenn Sie die Option  Teilen auswählen, teilen sich alle verfügbaren Dienste diese 3 Stühle, so dass, obwohl Sie 6 Friseure haben, die die gleichen Dienstleistungen anbieten, nur 3 Personen gleichzeitig buchen können, wenn also Jim, John, und Mark am 30. Dezember um 10:00 Uhr buchen, können die verbleibenden 3 Friseure in dieser Zeit keine weiteren Kunden akzeptieren. Und Sie werden nicht mehr mit Ãœberbuchungen konfrontiert.

Bitte beachten Sie, dass die Ressourcenbuchung nur in Amelia Pro- und Amelia Entwickler lizenzplänen verfügbar ist.

Hinzufügen von Ressourcen

Alles, was mit Zeitfenstern zu tun hat, funktioniert weiterhin auf die gleiche Weise, wenn Sie keine Ressourcen hinzufügen – was bedeutet, dass, wenn Sie einen einzelnen Dienst und 3 employees Mitarbeiter haben, die diesem Dienst während derselben Arbeitszeit, zugewiesen sind, ein Termin so oft buchbar ist, wie es Mitarbeiter gibt, also wenn es um 10:00 Uhr ein freies Zeitfenster gibt, 3 Kunden können dieses Zeitfenster buchen (wenn alle 3 Mitarbeiter während dieser Zeit frei sind).

Um Ressourcen, hinzuzufügen, müssen Sie zur Registerkarte “Ressourcen” im Abschnitt Amelia/Dienstleistungen navigieren.

resource-navigation

In der oberen rechten Ecke sehen Sie die Option “+ Ressource hinzufügen“. Nach dem Klicken wird ein Modal geöffnet, in dem Sie die Ressource definieren.

resource-creation

Hier legen Sie den Namen der Ressource (z.B. ” Frisörstuhl”) und die Menge der Ressource fest.

Darunter können Sie auswählen, wie Amelia die Ressource verwenden wird:

  • Die Ressourcenmenge wird auf die ausgewählten Elemente* aufgeteilt – dies deckt das Beispiel vom Anfang dieses Dokumentationsartikels ab – wenn es 3 Stühle gibt und sie zwischen den Diensten aufgeteilt werden, hängen die Termine für alle Dienste von diesen 3 Stühlen ab;
  • Die Ressourcenmenge ist für den ausgewählten Artikeltyp** eindeutig – dies aktiviert das Optionsfeld unten, in dem Sie entweder Service oder Standort auswählen können.

*Die ausgewählten Elemente sind die drei folgenden Optionen:

  • Dienste
  • Orte
  • Mitarbeiter

Wenn Sie in diesen Dropdown-Listen nichts auswählen, wendet Amelia die Ressource auf Alle Dienste, Standorte und Mitarbeiter an. Wenn hier keine Auswahl getroffen wird, gibt es keinen Grund für die Existenzgrundlage der Ressource, also stellen Sie sicher, dass Sie hier eine korrekte Auswahl treffen.

**Der ausgewählte Elementtyp ist entweder Service oder Standort – ausgewählt durch die oben erwähnte Optionsfeldauswahl. Es funktioniert auf die gleiche Weise, aber Ihre Wahl hier definiert, ob es auf Dienste oder Standorte angewendet wird. Wir verwenden den Standort für dieses Beispiel – wenn die Ressourcenmenge pro Standort eindeutig ist, bedeutet dies, dass die 3 Stühle, die wir oben definiert haben, an allen Standorten vorhanden sind, die Sie haben. Wenn Sie also 3 Standorte haben, gibt es an jedem Standort 3 Stühle.

Bitte beachten Sie: Ressourcen in Amelia werden nicht als spezifische Ressourcen hinzugefügt, die jemand auswählen kann (z. B. Fahrrad als Ressourcen buchen). Sie werden über das Back-End hinzugefügt und bestimmen die Verfügbarkeit von freien Slots, die von Ressourcen abhängen. Ihre Kunden können keine Ressourcen im Frontend sehen oder auswählen.

Buchung einer einzigartigen Ressource

Anhand des Barbershop-Beispiels zeigen wir Ihnen, wie das Buchungserlebnis mit Ressourcen aussieht. Da es in unserem Beispiel zwei Friseursalons gibt (zwei Standorte), ist die gemeinsame Nutzung der Ressource (Stühle) nicht die beste Option. Stattdessen legen wir die Menge der Ressource auf “3” fest und sagen, dass sie für den ausgewählten Elementtyp (Standort) eindeutig ist:

unique-resource

Dies ermöglicht es 3 Kunden, einen Termin an Standort 1, zu buchen, und 3 Kunden, einen Termin an Standort 2 gleichzeitig zu buchen, so dass, obwohl alle Mitarbeiter an beiden Standorten verfügbar sind, die Ressource Buchungen blockiert, nachdem sie 3 Mal pro Standort verwendet wurde.

Durch die Buchung von drei verschiedenen Terminen am Standort “Barbershop Brooklyn” blockiert die Ressource (die verwendet wird) die erneute Buchung desselben Zeitfensters, unabhängig davon, ob nach ihren Arbeitszeiten noch Mitarbeiter verfügbar sind.

resource-used

Obwohl diesem Service 3 weitere Mitarbeiter zugeordnet sind und diese während der gleichen Arbeitszeit verfügbar sind, da die Ressource auf die Menge “3” gesetzt wurde und sie verwendet wurde, können an diesem Standort keine Buchungen mehr vorgenommen werden.

Die restlichen 3 Barbiere sind jedoch weiterhin beiden Standorten zugeordnet, so dass sie den gleichen Service gleichzeitig im “Barbershop Queens” erbringen können.

front-end-booking-resource

Dieses Beispiel zeigt, wie eine eindeutige Ressource funktioniert, wenn sie für Standorte. definiert ist. Die gleiche Logik gilt, wenn sie für Dienste definiert ist.

Wenn wir zwei Dienste haben – Bartschnitt und Rasieren, und Sie eine Ressource erstellen, die pro Dienst einzigartig ist (mit dem gleichen “Stuhl” -Beispiel), würde dies bedeuten, dass es 3 Stühle für Bartschnitt und 3 Stühle für Rasieren gibt.

Buchen einer freigegebenen Ressource

Wenn unser Friseursalon vorübergehend einen der Standorte schließt, müssen wir eine Ressource erstellen, die von Mitarbeitern, Diensten und/oder Standorten gemeinsam genutzt wird. In diesem Beispiel weisen wir alle 6 Mitarbeiter dem Standort “Barbershop Brooklyn” zu und konfigurieren die Ressource wie folgt:

shared-resource

Daher wird die Ressourcenmenge auf die ausgewählten Elemente aufgeteilt (wobei die ausgewählten Elemente Alle Dienste, Alle Standorte und Alle Mitarbeiter sind). Wenn in diesem Beispiel die Kriterien erfüllt sind, verhindert die Ressource die Buchung über die angegebene Menge.

Der Standort spielt an dieser Stelle und in diesem Beispiel keine Rolle bei der Definition der Ressource, da alle Mitarbeiter einem einzigen Standort zugeordnet sind. Auf der anderen Seite, da die Ressource zwischen allen Mitarbeitern und allen Diensten geteilt wird, sobald 3 Kunden 3 Termine (gleichzeitig) buchen, wird dieses Zeitfenster geschlossen. Unten sehen Sie drei erfolgreiche Frontend-Buchungen gleichzeitig, für zwei verschiedene Services mit unterschiedlichen Mitarbeitern:

3-shared-booked

Wenn also ein neuer Kunde einen Termin bucht, ist das Zeitfenster um 11:00 Uhr am 24. Dezember nicht verfügbar, da die Ressource aufgebraucht ist:

time-slot-not-available

Es gibt natürlich viele Anwendungsfälle für die Verwendung von Ressourcenbuchungen, von Friseurstühlen bis hin zu Maschinen, für die nur ein Teil des Personals geschult ist.

Unabhängig von der Ressource sollten Sie in der Lage sein, sie auf Ihre Dienste, Mitarbeiter und Standorte anzuwenden.

Katalogbuchungsformular im Amelia WordPress Buchungs-Plugin

So fügen Sie das Katalogbuchungsformular zu Ihrer Website hinzu

Nach den Schritten des neuen und überarbeiteten Schritt-für-Schritt-Buchungsformulars, ist das Katalogbuchungsformular das nächste, das überarbeitet wird! Wir hoffen, es gefällt Ihnen!

Damit haben wir das alte Suchbuchungsformular mit dem Katalogbuchungsformular verbunden, so dass Sie es entweder mit oder ohne die Filter und die Seitenleiste verwenden können – es liegt an Ihnen, zu entscheiden.

Um dieses Buchungsformular zu Ihrer Website hinzuzufügen, müssen Sie Amelias Blöcke oder Widgets hinzufügen, wenn Sie Seitenerstellungsprogramme verwenden: Gutenberg, Elementor, Classic editor, und Divi Page Builder; oder Sie können den Shortcode zu einer (oder mehreren) Seiten Ihrer Website hinzufügen.

Wenn Sie ein anderes Seitenerstellungsprogramm verwenden oder den Shortcode-Button nicht finden können, können Sie die folgenden Shortcodes verwenden:

  • [ameliacatalogbooking]wenn Sie das vollständige Katalogbuchungsformular anzeigen möchten,
  • [ameliacatalogbooking category=1] wenn Sie nur die Dienstleistungen aus der Kategorie mit ID 1 anzeigen möchten,
  • [ameliacatalogbooking service=1] wenn Sie das Buchungsformular für die Dienstleistung mit ID 1 vorzeigen möchten.
  • [ameliacatalogbooking employee=1] wenn Sie das Buchungsformular für den Mitarbeiter mit ID 1 vorzeigen möchten,
  • [ameliacatalogbooking location=1] wenn Sie das Buchungsformular für den Standort mit ID 1 vorzeigen möchten,

Oder jede andere Kombination, die Sie brauchen. Setzen Sie einfach den Shortcode auf die Seite und “Veröffentlichen” Sie ihn. Alle verfügbaren Shortcodes für Amelia finden Sie auf der Seite Amelia Shortcodes.

Klassischer Editor

Wenn Sie immer noch den klassischen Editor verwenden, können Sie das Symbol von Amelia verwenden, um das neue Katalogbuchungsformular über den Editor auszuwählen und einzufügen.

Classic editor

Nachdem Sie darauf geklickt haben, öffnet sich das Amelia-Buchungswidget. Wählen Sie “Katalogbuchung (Beta)” aus dem Dropdown-Menü aus, klicken Sie auf “OK” und veröffentlichen Sie Ihre Seite. Hier wird Ihnen das Buchungsformular mit allen Optionen zur Auswahl der Dienstleistungen, Standorte und Mitarbeiter (wenn Sie mehr als einen haben) angezeigt. Wenn Sie jedoch ein Buchungsformular für einen bestimmten Mitarbeiter, Standort oder eine bestimmte Dienstleistung anzeigen möchten oder die Dienstleistungen aus einer bestimmten Kategorie anzeigen möchten, klicken Sie auf “Buchungsparameter vorauswählen”. Es werden zwei neue Optionen angezeigt, damit Sie ein anderes Buchungsformular anzeigen können. Mit diesen Optionen können Sie z.B. für jeden Mitarbeiter ein anderes Buchungsformular festlegen.

catalog-classic-editor

Katalogbuchungsformular am Frontend

Abhängig von Ihrer aktuellen Konfiguration können die Felder des Buchungsformulars variieren. Im unten gezeigten Beispiel gibt es mehrere Mitarbeiter, mehrere Kategorien und Dienstleistungen und mehrere Standorte, sodass Sie mit dem Standardshortcode [ameliacatalogbooking] zuerst die Kategorie auswählen müssen. Wenn Sie nur einen Mitarbeiter, einen Service und einen Standort haben oder wenn Sie einen bestimmten Shortcode wie [ameliacatalogbooking employee=1 service=3] erstellen, sehen Ihre Kunden nur den Kalender, ohne eine dieser Optionen auswählen zu können.

Wählen Sie zunächst die Kategorie aus, um Zugriff auf die Dienste anzeigen zu erhalten:

category-selection

Wenn Sie auf die Schaltfläche “Alle anzeigen” klicken, sehen Sie alle verfügbaren Dienste innerhalb einer ausgewählten Kategorie. Standardmäßig sehen Sie das Feld “Suchen”, Filtern nach Mitarbeiter, Filtern nach Standort über den Diensten und die Kategorieauswahl in der linken Seitenleiste, aber dies kann im neuen Abschnitt Anpassen 2.0 deaktiviert werden.

category-list-of-services

Mit einem Klick auf die Schaltfläche “Mitarbeiter anzeigen” erscheint eine Liste aller Mitarbeiter, die dem Dienst zugeordnet sind. Wenn Sie die Beschreibung Ihrer Mitarbeiter hinzugefügt haben, sind diese Mitarbeiter erweiterbar, wie im folgenden Screenshot gezeigt.

Sie können Diesen Dienst buchen innerhalb des angezeigten Modals auswählen, oder Sie können es schließen und einfach auf Weiter in der unteren rechten Ecke der Servicekarte klicken.

employee-info

Bitte beachten Sie, dass der Button “Mitarbeiter anzeigen” nur eine Liste der Mitarbeiter und deren Beschreibungen anzeigt. Sobald Sie im Modal “Mitarbeiter anzeigen” auf Diesen Dienst buchen klicken oder in der Servicekarte auf Weiter klicken, gelangen Sie zum nächsten Bildschirm, auf dem Sie auch die Liste der Mitarbeiter und deren Beschreibungen sehen.

Die Schaltfläche Jetzt buchen in der oberen rechten Ecke öffnet das Schritt-für-Schritt-Buchungsformular in einem Popup-Fenster.

book-now

Das Schritt-für-Schritt-Buchungsformular muss nicht das gleiche Design haben, so dass, obwohl das Katalogformular das Standarddesign verwendet, das angezeigte Schritt-für-Schritt-Buchungsformular andere Farben verwendet.

Es wird nach der Kategorie und der Dienstauswahl gefiltert, sodass Sie den Mitarbeiter und den Standort (falls zutreffend) auswählen müssen.

catalog-step-by-step

Alle verbleibenden Schritte im Buchungsprozess werden aus dem Schritt-für-Schritt-Buchungsformular gezogen, sodass Ihre Kunden bis zum Bildschirm Herzlichen Glückwunsch dasselbe Formular sehen, das Sie für die reguläre Schritt-für-Schritt-Buchung konfiguriert haben.

congratulations

Falls Sie den Pro- oder den Entwickler-Lizenzplan haben und ein oder mehrere Pakete erstellt haben, bietet das Formular diese Pakete, als Buchungsoption für die Kunden an. Im folgenden Beispiel sehen Sie, dass das Paket neben den Diensten aufgeführt ist.

Ihre Kunden können sie anhand der Etiketten in der oberen linken Ecke unterscheiden.

package-included

Bitte beachten Sie: Die Paketfunktion ist nicht im Basis-Lizenzplan von Amelia enthalten.

Das ausgewählte Paket liegt in einem Formular mit fester Breite und dem Buchungs-Popup vor, sodass Sie durch das Paket nach unten scrollen und die Mitarbeiter sehen können, die den darin enthaltenen Diensten zugewiesen sind, sowie die enthaltenen Dienstleistungen.

Da die Dienstleistungen, Mitarbeiter und Standorte über das Katalogformular vorausgewählt sind, zeigt das im Popup-Fenster angezeigte Formular nur den Abschnitt “Ihre Informationen” an, in dem der Kunde seine Daten eingeben und dann mit der Buchung des Dienstes auf die gleiche Weise fortfahren muss, wie er es vom Schritt-für-Schritt-Buchungsformular gewohnt ist.

booked-package

Sie können Anpassen 2.0  verwenden, um das Erscheinungsbild des neuen Katalogbuchungsformulars zu ändern.