Durch die Installation eines Online-Chats auf Ihrer Website können Sie Kundendaten sammeln und die Kommunikation mit Besuchern direkt auf Ihrer Website automatisieren.

Sie können auch Ihr Vertriebsteam mit dem Chat verbinden, sodass Manager an Kundengesprächen teilnehmen können. Die Kommunikation kann entweder über die MaviBot-Weboberfläche oder über unsere mobilen Apps für Android und iOS erfolgen.

So erstellen Sie einen Live-Chat auf Ihrer Website

Um einen Chat zu erstellen, gehen Sie zum Bereich „Messenger“ und klicken Sie auf die Schaltfläche „Live-Chat“.

Sobald Sie auf die Schaltfläche „Online-Chat“ klicken, öffnet sich automatisch das Einstellungsfeld für Ihren neu erstellten Chat.

Das Erscheinungsbild des Chats hängt von Ihren gewählten Einstellungen ab. Auf der rechten Seite sehen Sie eine Live-Vorschau des Chat-Widgets, das Sie öffnen und schließen können, um zu testen, wie es aussieht und sich verhält.

Einstellungen

Dekoration

  1. Chat-Titel

Dieses Feld legt den Namen des Online-Chats fest – er wird ganz oben im Chat-Fenster angezeigt.

  1. Chat-Untertitel

Dieses Feld befindet sich unterhalb des Chat-Titels und ermöglicht es Ihnen, die Rolle oder den Zweck des Online-Chats auf Ihrer Website zu präzisieren.

  1. Festgelegtes Widget-Label

Das Label auf der Widget-Schaltfläche wird angezeigt, wenn der Online-Chat minimiert ist. Standardmäßig wird der Text aus den Feldern Titel und Untertitel angezeigt, Sie können aber bei Bedarf ein anderes Label festlegen.

  1. Begrüßungsnachricht im Chat

Dieses Feld enthält den Text der ersten Begrüßungsnachricht des Bots.

  1. Textausrichtung

Über die Symbolleiste zur Textausrichtung können Sie den Titel und Untertitel des Chats links-, rechts- oder zentriert ausrichten – genau wie in Standard-Texteditoren.

  1. Chat-Schaltfläche

Diese Schaltfläche dient zum Öffnen des Online-Chats beim Klicken.

Sie können wählen, wie die Online-Chat-Schaltfläche auf verschiedenen Geräten erscheinen soll: auf der Desktop-Version der Website.

Es stehen mehrere Anzeigeoptionen zur Verfügung. Sie können die Schaltfläche entweder am rechten oder linken Rand positionieren.

  1. Farbpalette

Um den Online-Chat nach Ihren Wünschen anzupassen, können Sie nicht nur die Farbe ändern, sondern auch interessante Muster im Chat-Hintergrund und in der Kopfzeile anzeigen.

Sie können auch die Farbe und Helligkeit der Muster sowie anderer Elemente des Online-Chats wählen. Aktivieren Sie dazu das Kontrollkästchen „Erweiterte Einstellungen“.

Sie können auch zusätzliche erweiterte Farbeinstellungen für den Online-Chat konfigurieren.

  1. Avatar des Online-Chats

Mit dieser Option können Sie den Avatar des Assistenten im Online-Chat ändern. Der Avatar kann entweder über eine URL oder durch Hochladen einer Datei hinzugefügt werden.

Sie können den Chat-Avatar bei Bedarf auch ausblenden, indem Sie dieses Kontrollkästchen aktivieren.

  1. MaviBot-Logo

Die Einstellungen ermöglichen es Ihnen, das MaviBot-Logo anzuzeigen.

Einstellungen

  1. Text im Eingabefeld

Standardmäßig enthält dieses Feld den Text: „Geben Sie Ihre Nachricht ein und drücken Sie die Eingabetaste.“

Sie können diesen Text anpassen oder die Standardeinstellung belassen.

  1. Beschriftung in der mobilen Version

Standardmäßig ist der Text eingestellt auf: „Wählen Sie Ihre bevorzugte Kontaktmethode.“

  1. Nachricht bei Zuweisung eines Operators zu einem Kunden

Wenn Sie #{operatorName} in dieses Feld einfügen, wird der Name des Operators angezeigt, der im Bereich „Mitarbeiter“ festgelegt ist.

Sie können einen Operator manuell zuweisen, indem Sie während eines Kundengesprächs auf die Schaltfläche „Kunden übernehmen“ oder „Kunden weiterleiten“ klicken. Alternativ können Sie im Bereich „Mitarbeiter“ die automatische Verteilung der Kunden auf die Operatoren konfigurieren.

  1. Nachricht, wenn Operatoren offline sind

Standardmäßig wird die folgende Nachricht angezeigt:
„Derzeit ist kein Operator online. Bitte hinterlassen Sie uns eine Nachricht, und wir werden uns so schnell wie möglich bei Ihnen melden.“

Der Status „Online“ für den Bot wird aus dem Bereich „Mitarbeiter“ übernommen. Mögliche Status sind: Online, Pause und Offline.

Sie können Ihren Status auch über die obere Leiste ändern, während Sie sich in einem beliebigen Bereich des Projekts befinden.

  1. Tonbenachrichtigung im Online-Chat

Diese Einstellungen ermöglichen es Ihnen, Tonalarme für das Öffnen des Chats und neue Nachrichten im Online-Chat für Website-Besucher zu aktivieren oder zu deaktivieren.

  1. Messenger anzeigen

Sie können wählen, welche Messenger auf der Website angezeigt werden, wenn Sie mit der Maus über das Online-Chat-Widget (Symbol) fahren.

Die Messenger-Schaltflächen werden erst angezeigt, nachdem diese Messenger mit dem Builder verbunden wurden.

  1. Nur Messenger anzeigen

Wenn Sie diesen Schalter aktivieren, werden auf der Website nur die Messenger-Schaltflächen angezeigt. Alle anderen Funktionen des Online-Chats werden deaktiviert!

  1. Messenger-Text

Standardmäßig ist eingestellt: „Schreiben Sie an“.

  1. WhatsApp-Startnachricht

Dieser Text erscheint im Eingabefeld für den Benutzer in WhatsApp, wenn er auf die Schaltfläche auf Ihrer Website klickt. Der Benutzer muss nur noch auf „Senden“ drücken.

Stellen Sie sicher, dass Sie diesen Text auch in die Bedingungen des Startblocks Ihrer Nachrichtensequenz aufnehmen.

  1. Benutzerdefinierte Links

Zusätzlich zu den Messenger-Schaltflächen können Sie jetzt eigene Schaltflächen mit benutzerdefinierten Links hinzufügen.

Sie können die URL für den Link angeben und in den Einstellungen ein Bild hinzufügen.

  1. Datei-Upload

Diese Einstellung ermöglicht es Ihnen, Anhänge von Website-Besuchern zu erhalten, z. B. Bilder.

Die maximal zulässige Dateigröße für eingehende Uploads über den Online-Chat beträgt 20 MB.

  1. Benutzerdaten

In der ersten Nachricht können Sie die Einwilligung zur Verarbeitung personenbezogener Daten einholen und/oder Benutzerinformationen über ein Datenerfassungsformular sammeln. Sie können die E-Mail-Adresse auch über das Begrüßungsfenster festlegen oder ändern.

Das Ausfüllen des Formulars kann optional oder durch Aktivieren des Schalters „Formularausfüllen verpflichtend machen“ obligatorisch sein.

Beispiel für die erste Nachricht mit Datenerfassung.

Nach der Konfiguration des Formulars können Sie die Ländereinstellungen für die Anzeige über ein Dropdown-Feld auswählen.

  1. Rückrufanfrage

Das Kontrollkästchen „Rückrufanfrage“ erscheint in den Einstellungen des Online-Chats, wenn Telefonie im Projekt aktiviert ist.

So funktioniert es

Beim Ausfüllen des Formulars kann der Benutzer das Kontrollkästchen aktivieren, um einen Rückruf anzufordern. In diesem Fall wird automatisch ein Mitarbeiter mit aktivierter Telefonie ausgewählt und ein Anruf beim Kunden getätigt.

Der Mitarbeiter wird automatisch zugewiesen. Bei der Auswahl eines Mitarbeiters wird Folgendes überprüft:

  • Status: Im Dienst
  • Jede Rolle, einschließlich Administrator
  • Telefonie ist für den Mitarbeiter aktiviert (konfiguriert)

Nach dem Anruf wird dieser Mitarbeiter als verantwortlich für den Benutzer zugewiesen.

  1. Einwilligung zur Verarbeitung personenbezogener Daten anfordern

Diese Option ist standardmäßig deaktiviert. Wenn sie aktiviert ist, erscheint beim ersten Start des Online-Chats eine Meldung mit dem Text „Ich gebe meine Einwilligung zur Verarbeitung personenbezogener Daten“ zusammen mit der Schaltfläche „Bestätigen“.

Beispiel für die erste Nachricht zur Einholung der Einwilligung zur Verarbeitung personenbezogener Daten:

  1. Einstellungen der Start-Schaltfläche

Ein Klick auf die Schaltfläche „Schaltfläche hinzufügen“ öffnet das Formular zum Erstellen einer Start-Schaltfläche:

Die Schaltfläche kann eine der folgenden Funktionen haben:

  • Link. Ermöglicht das Hinzufügen einer URL, um zu einer anderen Seite Ihrer Website oder einer externen Webressource zu navigieren.
  • E-Mail. Der Kunde wird zu seinem E-Mail-Dienst weitergeleitet, um eine Nachricht an die in den Schaltflächeneinstellungen angegebene E-Mail-Adresse zu senden.
  • Telefon. Die Anruf-App wird gestartet, oder der Benutzer wird aufgefordert, eine App für den Anruf auszuwählen – je nach verwendetem Gerät. Der Anruf geht an die in den Schaltflächeneinstellungen angegebene Nummer.
  • Nachricht (vom Administrator / Benutzer) – diese Funktion ermöglicht es dem Bot, beim Klicken auf eine Schaltfläche schnelle Antworten zu senden.

Sie können beispielsweise eine Schaltfläche mit dem Namen „Adresse“ erstellen und im Feld „Nachricht“ die genaue Adresse und die Öffnungszeiten angeben.

Der Text im Feld „Nachricht“ wird ohne Zeilenumbrüche sein. Bitte beachten Sie dies bei der Arbeit.

  • Kunden von verschiedenen Domains trennen. Diese Einstellung ermöglicht es, Unterhaltungen zu trennen, wenn dieselbe Person im Online-Chat auf verschiedenen Domains schreibt. Standardmäßig wird dies als dieselbe Unterhaltung behandelt.

Dieser Schalter ist notwendig, wenn verschiedene Online-Chats auf verschiedenen Websites innerhalb derselben Domain installiert sind und Sie Unterhaltungen trennen müssen, wenn dieselbe Person schreibt.

  • Schaltflächen im Text werden im Online-Chat-Verlauf angezeigt (Schalter). Aktivieren Sie diese Option, um Schaltflächen aus dem Text des Funnel-Builders im Online-Chat-Verlauf des Kunden anzuzeigen.
  1. Online-Chat ausblenden

Es ist nicht notwendig, den Online-Chat von der Website zu entfernen. Sie können ihn einfach mit dem entsprechenden Schalter ausblenden.

Automatische Aktionen

Automatische Aktionen funktionieren wie folgt: Damit eine automatische Aktion ausgelöst wird, muss eine bestimmte Trigger-Bedingung für diese Aktion festgelegt werden.

Legen Sie zunächst die Bedingungen fest, unter denen die benutzerdefinierte Aktion ausgeführt werden soll. Sie können Bedingungen basierend auf der Tageszeit, dem Land des Besuchers, der Stadt, der aktuellen Seiten-URL usw. hinzufügen.

Mehr zu den Bedingungen:

  1. Aktuelle Uhrzeit. Legen Sie die automatische Auslösung des Online-Chats in Abhängigkeit vom Zeitraum fest, in dem der Kunde mit dem Chat interagiert (z. B. kann ein Besucher Ihrer Landingpage während der Happy Hour nach 16:00 Uhr einen Rabatt erhalten).
  2. Diese Aktion nur einmal pro Tag für den Benutzer ausführen. Diese Bedingung kann in verschiedenen Fällen angewendet werden: z. B. zum Senden von Affiliate- oder anderen Links in Nachrichten vom Administrator/Benutzer (wie Zugang zu neuen Kursmaterialien); für ein Treue- oder Sammelsystem; usw.
  3. Stadt des Benutzers / Land des Benutzers. Durch das Festlegen dieser Bedingung können Sie die spezifische Gruppe von Benutzern ansprechen, die von Ihrem Service profitieren würden – z. B. wenn die physische Anwesenheit eines Kunden für den Kauf eines Produkts oder einer Dienstleistung erforderlich ist.

In diesem Fall können Sie die Bedingung auf „gleich“ oder „ungleich“ setzen. Wenn Sie beispielsweise eine Stadt oder ein Land (oder eine Liste von Ländern) angeben müssen, für die die automatische Aktion nicht ausgelöst werden soll, wählen Sie „ungleich“.

  1. Der Wochentag.
    Diese Bedingung dient als Auslöser für automatische Aktionen basierend auf dem Wochentag. Sie können Kontrollkästchen neben den Wochentagen aktivieren, die Bedingung auf „gleich“ oder „ungleich“ setzen und die automatische Aktion auswählen, die vom Online-Chat ausgeführt werden soll.

Sie können beispielsweise alle Arbeitstage Ihrer Operatoren/Manager festlegen, um deren weiteren Kontakt mit Kunden zu ermöglichen.

  1. URL der aktuellen Seite. Die automatische Aktion wird ausgelöst, je nachdem, ob die URL einen bestimmten Link enthält/nicht enthält oder gleich/ungleich einem bestimmten Link ist.
  2. Benutzernachricht. Um die automatische Aktion unter dieser Bedingung auszulösen, muss das Feld ein bestimmtes Wort vom Benutzer enthalten.

  1. Zeit auf der Seite. Diese Bedingung ähnelt der Tageszeit; wenn Ihre Kundendatenbank jedoch über verschiedene Zeitzonen verteilt ist, muss diese automatische Aktion zur gleichen Ortszeit für jede Zeitzone erfolgen.
  2. Zeit seit dem Schließen des MaviBot-Fensters. Diese Bedingung wird ähnlich wie die Tageszeit oder die Zeit auf der Seite festgelegt, hängt jedoch von der Aktion des Benutzers ab, das Mavibot-Fenster zu schließen.
  3. Zeit seit der ersten Nachricht des Besuchers. Die automatische Aktion wird nach einem bestimmten Zeitraum (in Sekunden) nach der ersten Nachricht des Kunden im Online-Chat ausgelöst.
  4. Zeit ohne Operator-Antwort seit der ersten Nachricht des Benutzers. Diese Bedingung wird ebenfalls in Sekunden festgelegt und wird unabhängig davon ausgelöst, ob der Operator dem Kunden geantwortet hat oder nicht.

Bei Bedarf können Bedingungen kombiniert werden, sodass die automatische Aktion basierend auf mehreren Kriterien ausgelöst wird:

Wählen Sie als Nächstes aus, welche Aktion der Online-Chat automatisch ausführen soll:

  1. Automatisches Öffnen des Chats. Diese Aktion öffnet den Online-Chat automatisch für den Benutzer. Es ist keine zusätzliche Konfiguration erforderlich.
  2. Automatische Einladung zum Chat. Diese automatische Aktion sendet dem Benutzer eine vordefinierte Nachricht, die im entsprechenden Feld eingegeben wurde. Sie können das Nachrichteneingabefeld bei Bedarf auch über das gleichnamige Kontrollkästchen ausblenden.
  3. Online-Chat-Symbol von einer Website ausblenden. Diese Aktion kann beispielsweise verwendet werden, nachdem die Arbeitszeit Ihrer Administratoren beendet ist.
  4. Online-Chat-Symbol anzeigen. Ähnlich wie die vorherige Aktion ermöglicht diese, das Chat-Symbol für Kunden während eines bestimmten Zeitraums (oder basierend auf anderen erforderlichen Bedingungen) anzuzeigen.
  5. Nachricht als Administrator senden. Diese Aktion sendet eine Nachricht im Online-Chat unter der Rolle des Administrators.
  6. Formular absenden. Diese Aktion wird verwendet, um Kundendaten zu sammeln. Sie können den Formulartext anpassen, die erforderlichen Eingabefelder auswählen (wie Name, Telefonnummer, E-Mail, Kontrollkästchen oder ein beliebiges anderes Eingabefeld, das Sie manuell konfigurieren).

Sie können ein benutzerdefiniertes Eingabefeld konfigurieren. Zum Beispiel, um die Wohnstadt des Kunden oder andere relevante Informationen zu sammeln.

Sie können im Tab „Banner“ klickbare Banner zum Startfenster des Chats hinzufügen. Fahren wir mit den Einstellungen fort.

  1. Klicken Sie auf „Banner hinzufügen“.

  1. Laden Sie ein Bild hoch.

Die Bildgröße ist festgelegt.

Empfohlenes Bildformat: Wenn Sie einen Titel und einen Untertitel hinzufügen, verwenden Sie eine Bannergröße von 345x194 Pixeln oder ein Seitenverhältnis von 16:9.

Um das Banner klickbar zu machen (damit Ihr Kunde beim Klicken einem Link folgen kann), geben Sie die URL in das entsprechende Feld ein.

Geben Sie als Nächstes den Titel und den Untertitel des Banners an, falls erforderlich.

Geben Sie den Titel und den Untertitel ein und klicken Sie dann auf „Speichern“.

Das Banner wird dann im Online-Chat-Widget angezeigt.

Um ein Banner zu deaktivieren (es nicht mehr im Online-Chat anzuzeigen), stellen Sie den Schalter auf die inaktive Position.

Um ein Banner zu bearbeiten oder zu löschen, klicken Sie auf Bearbeiten.

Qualitätsbewertung

Es gibt einen zusätzlichen Einstellungsbereich im Online-Chat namens „Qualitätskontrolle“. Um diese Funktion zu aktivieren, gehen Sie zum entsprechenden Tab in den Einstellungen.

Die Funktionalität bietet eine Auswahl zwischen drei Qualitätsbewertungsskalen: Fünf-Punkte-, Drei-Punkte- und Zwei-Punkte-Skala.

Geben Sie den Text, der vor der Bewertung erscheinen soll, in das entsprechende Feld ein.

In diesem Feld gibt es keinen Standardwert. Wenn Sie es leer lassen, erscheint der folgende Text auf dem Banner zur Qualitätsbewertung.

Sie können auch einen benutzerdefinierten Namen für das Kundenfeedback-Feld angeben.

Geben Sie dazu einfach Ihren eigenen Text für den Feldnamen sowie einen Platzhaltertext im Feedback-Feld ein. Standardmäßig (siehe Beispiel oben) sind der Zweck und der Text jedes Feldes bereits zu Ihrer Bequemlichkeit festgelegt.

Sie können auch ein Kontrollkästchen aktivieren, um das Kundenfeedback-Kommentar obligatorisch zu machen.

Als Nächstes können Sie die Feedback-Nachricht ausfüllen, die dem Kunden nach einer positiven oder negativen Bewertung gesendet wird. Um zu sehen, wie die endgültige Online-Chat-Nachricht nach dem Absenden einer Bewertung aussieht, klicken Sie im Chat auf die Schaltfläche, um die Bewertung zu senden.

Kontrollkästchen „Benutzer kann den Chat bewerten“

Im Bereich „Kunden“ kann der Operator während eines Gesprächs mit einem Benutzer den Dialog beenden. Wenn dieses Kontrollkästchen aktiviert ist, kann der Benutzer eine Bewertung abgeben.

Der Operator sieht nicht, welche Bewertung der Kunde für das Gespräch abgegeben hat.
Alle Qualitätsbewertungen sind im Bereich „Analytik“ verfügbar.

Der Operator kann während eines Gesprächs mit einem Benutzer auf die Schaltfläche „Gespräch beenden“ klicken. Dadurch wird ein Bestätigungsformular für die Aktion des Operators geöffnet:

Wenn ein E-Mail-Dienst in den Kanälen verbunden ist, erscheinen Optionen zum Senden von Nachrichten per E-Mail.

Nachdem der Operator das Gespräch beendet hat, wird dem Benutzer ein Formular zur Qualitätsbewertung gesendet, und die Bewertung selbst wird in der Analytik aufgezeichnet.

Wenn der Kunde keine Bewertung abgibt, zeigt die Statistik „Benutzer hat keine Bewertung abgegeben“.

So fügen Sie den Online-Chat zu Ihrer Website hinzu

Um den Online-Chat in Ihre Website einzubetten, kopieren Sie einfach das Skript aus dem Tab „Code“ und fügen Sie es in das HTML Ihrer Website ein.

Kopieren Sie den Online-Chat-Code.

Gehen Sie als Nächstes zum Bereich „Websites“ und klicken Sie auf die Kachel der Website, auf der Sie das Online-Chat-Widget platzieren möchten.

Fahren Sie dann mit der Site-Bearbeitung fort.

Und gehen Sie zu den Site-Einstellungen.

Fügen Sie im Abschnitt Farben, Schriftarten & HTML den kopierten Online-Chat-Code in das Feld HTML-Code head ein.

Fügen Sie diesen Code auf jeder Seite Ihrer Website innerhalb des <head>-Tags ein.

Der Online-Chat ist jetzt erfolgreich mit Ihrer Website verbunden.

Senden eines Formulars zum Ausfüllen durch Kunden

Der Online-Chat enthält auch eine Funktion, mit der Sie Kunden ein Formular senden können, um Benutzerinformationen zu sammeln und ihn für die weitere Interaktion zum System hinzuzufügen.

Ein solches Formular wird mit der Funktion online_chat_send_form() gesendet, die die folgenden Parameter akzeptiert:

  1. name;
  2. phone;
  3. privacy;
  4. callback (dieser Parameter funktioniert nur, wenn Telefonie in das Projekt integriert ist);
  5. age;
  6. email_group_ID (wenn Sie diesen Parameter mit einer E-Mail angeben, wird eine Kunden-E-Mail erstellt und mit dem Chat-Benutzer verknüpft);
  7. wa_group_ID (wenn Sie diesen Parameter mit einer Telefonnummer angeben, wird ein WhatsApp-Kontakt erstellt und mit dem Chat-Benutzer verknüpft).
  8. Wenn eine nicht vorhandene Gruppe angegeben wird, wird das Formular gesendet, aber der Kunde wird nicht erstellt.

Wichtig

Alle Parameter werden als einzelne, durch Kommas getrennte Zeichenfolge eingegeben.

Beispieleintrag im Rechner: online_chat_send_form("name,email,email_group_ID")

Benachrichtigung, die nach dem Absenden des Formulars im Chat erscheint

Die über das Formular übermittelten Daten werden in den Variablen des Kunden gespeichert.
Weitere Details zu diesen Variablen finden Sie weiter unten im Online-Kundenprofil.

! online_chat_send_form(arguments, texts)

Es akzeptiert zwei erforderliche Argumente.

arguments - Parameterzeichenfolge

texts - Formularname

Sie können es beispielsweise im Rechner so eingeben: online_chat_send_form("name,phone", "Hallo, bitte füllen Sie das Formular aus.").

Beispiel für die Antwort des Online-Chats.

Senden von Nachrichten an den Chat

Verwenden Sie diesen Code, wenn ein Benutzer eine Aktion auf der Website ausführt und Sie in diesem Moment eine Nachricht in seinem Namen im Chat senden müssen.

if(window.ChatBotPro) { window.ChatBotPro.sendMessageFromUser("Message") }

Wenn ein Benutzer beispielsweise auf eine Schaltfläche klickt, wird eine Nachricht in seinem Namen gesendet.

Hinweiseinstellungen ändern

Sie können den Bot so konfigurieren, dass er auf diese Nachricht reagiert.

Der Code wird im HTML-Abschnitt der Site-Einstellungen eingefügt.