Platzhalter für Benachrichtigungen in Amelia

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:

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.

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:

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.

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.

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:

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.

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.

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.

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.

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.

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.

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:

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:

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”:

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

• 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:

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.

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]

Und so würde das Frontend aussehen:

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:

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

Wenn Sie auf “Folgende aktualisieren“klicken, ä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.

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..

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:

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:

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.

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.

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.

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.

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.

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.

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:

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:

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.

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:

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”:

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.

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.

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

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.

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.

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:

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.

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”:

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”.

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”.

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”:

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” :

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:

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.

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.

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.

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”:

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”:

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.

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.

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:

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):

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:

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

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.).

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.

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.

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:

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.

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

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.

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.

SMS-BenachrichtigungenBenutzerdefinierte Benachrichtigungen

Anpassen des Designs von Amelia-Buchungsformularen

Videoversion

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

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.

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”:

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.

Verfügbare Schriftarten:

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:

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:

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.

Primär- und Zustandsfarben

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

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).

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.

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.

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.

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.

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).

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.

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.

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.

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.

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”.

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.

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.

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.

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.

Abschnitt

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

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

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)

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.

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.

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 “).

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.

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.

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.

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.

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

Hinzufügen von Ressourcen

Buchung einer einzigartigen Ressource

Buchen einer freigegebenen Ressource

Katalogbuchungsformular im Amelia WordPress Buchungs-Plugin

So fügen Sie das Katalogbuchungsformular zu Ihrer Website hinzu

Klassischer Editor

Katalogbuchungsformular am Frontend