Fügen Sie Ihrer Website einen Live-Chat hinzu

Live-Chat ist ein Chat-Fenster, das in der Ecke Ihrer Website steht; Besucher schreiben Ihnen direkt von Ihrer Website aus und Nachrichten landen in Ihrem CRM-Posteingang. Sie müssen nur eine einzige Codezeile zu Ihrer Website hinzufügen, um die Installation durchzuführen.

• Live-Chat-EinstellungenInstallationscode, Erscheinungsbild und Sicherheit
• ÜbersichtSchritte und Anweisungen für Ihren Webmaster
• PosteingangAntworten auf Unterhaltungen

Einrichtung

1. Kopieren Sie den Code — Einstellungen › Live-Chat Öffnen Sie auf der Seite den Tab "Upload" und klicken Sie auf die Schaltfläche "Code kopieren" auf dem Tab "Widget-Code".
2. In Ihre Website einfügen – Fügen Sie den Code auf jeder Seite Ihrer Website direkt vor dem schließenden </head>-Tag ein. Wenn Ihre Website eine allgemeine Vorlage oder Layoutdatei verwendet, können Sie diese einmal hinzufügen.
3. Aktivieren Sie das Kontrollkästchen – Öffnen Sie Ihre Website. Der Chat-Starter (Blase) sollte in der Ecke erscheinen.

Administratoren Übersicht Sie können auch über den Abschnitt "In wenigen Schritten loslegen" auf der Seite installieren: Der Button "Plattform einrichten" zeigt Schritt-für-Schritt-Anleitungen für WordPress, Shopify, Wix, Squarespace, Webflow, Google Tag Manager, Joomla und "Andere / einfaches HTML". "Anweisungen an Ihren Webmaster senden" sendet den Code und die Schritte an die von Ihnen eingegebene E-Mail-Adresse. Sie erhalten die Antworten zurück.

Wenn Sie chatten möchten, ohne ein Widget zu erstellen, können Sie den Link zur Chatseite direkt teilen, indem Sie auf "Link kopieren" im Tab "Chatseite" im Tab "Widgets" klicken.

Erscheinungsbild und Texte

Alle Änderungen, die Sie im Tab "Widget" vornehmen, werden in der Live-Vorschau auf der rechten Seite angezeigt; drücken Sie den Button "Änderungen speichern", wenn Sie fertig sind. Hauptkarten:

• Startbildschirm → Bildschirm, der beim Öffnen des Widgets angezeigt wird: Avatare, Hilfe-Center-Karte, Anfragen-Abschnitt.
• Nachrichten → Texte "Willkommen", "Anonymer Begrüßung" (wenn der Name des Besuchers unbekannt ist) und "Eingang".
• Hintergrund und Links → Die Farbe oder das Bild hinter dem Gruß; Verknüpfungen, die auf dem Hauptbildschirm aufgelistet werden.
• Chat-Bildschirm → & quot; Willkommensnachricht & quot; (erste Blase in neuem Chat), Eintrag Platzhalter, & quot; Kein verfügbarer Agent & quot; und & quot; Kunde in der Warteschlange & quot; Texte.
• Pre-Chat Formular / Post-Chat Formular → Felder, die vor der ersten Nachricht gefragt werden; kurze Bewertung oder Feedback, das nach dem Schließen des Chats angezeigt wird.
• Bildschirme → Welche Tabs in der unteren Navigation und dem Standardbildschirm angezeigt werden.
• Starter → Spezielles Symbol (JPG, PNG oder GIF kleiner als 100 KB), Position (links oder rechts) und Randabstände.
• Stil → Hell und dunkel Logo, & quot; Standard-Widget-Design & quot; (hell, dunkel oder System).

Übersetzungen in andere Sprachen Lokalisierung Von der Seite.

Wenn niemand online ist

Wenn niemand aus Ihrem Team online ist, wird dem Besucher "Kein Vertreter verfügbar" angezeigt. Der Chat bleibt offen; wenn Sie antworten, wird die Antwort per E-Mail an den Besucher gesendet, wenn dieser nicht im Chat ist. Dazu ist die E-Mail-Adresse des Besuchers erforderlich, daher wird empfohlen, E-Mails mit einem "Pre-Chat-Formular" zu sammeln.

In den & quot; Zeitüberschreitungen & quot; können Sie wählen, was mit unbeantworteten Konversationen geschieht. Jede Regel wird mit einem separaten Schlüssel geöffnet und die Dauer in Minuten eingegeben:

• Übertragen an eine andere Stellvertretung (5 Minuten nach Öffnen): Wenn der Agent nicht antwortet, wird der Client an einen anderen verfügbaren Agenten weitergeleitet; in manuell zugewiesenen Gruppen wird der Chat in die Warteschlange gesetzt.
• Unterhaltung als inaktiv markieren (10 Minuten): Passive Chats werden nicht auf das gleichzeitige Chatlimit der Stellvertretung angerechnet.
• Chat schließen (15 Minuten): Der Client kann den gleichen Chat erneut öffnen, indem er eine neue Nachricht schreibt.

Die "Besucher-Bereinigung" im gleichen Tab bestimmt, wie viele Tage anonyme Besucher, die Ihnen nie geschrieben haben, aufbewahrt werden (Standard 30 Tage).

Vertrauenswürdige Domainnamen

Geben Sie im Tab " Sicherheit " im Feld " Vertrauenswürdige Domänennamen " die Domänen ein, die das Widget laden kann, getrennt durch Kommas. Verwenden Sie das Format *.example.com für alle Subdomainnamen. Wenn der Platz leer ist, kann das Widget zu jeder Website hinzugefügt werden. Vergessen Sie nicht, die Änderung mit "Änderungen speichern" zu speichern.

Besucher authentifizieren

Um die auf Ihrer Website angemeldeten Benutzer sicher mit Kundendatensätzen in Ihrem CRM zu verknüpfen, signieren Sie die E-Mail-Adresse des Besuchers mit einem geheimen Schlüssel auf Ihrem Server (HMAC-SHA256).

1. Geheimen Schlüssel abrufen — im Reiter „Authentifizierung“ im Reiter „Sicherheit“ wählen Sie „Geheimen Schlüssel anzeigen“ und dann „Geheimen Schlüssel kopieren“. Bewahren Sie den Schlüssel nur auf Ihrem Server auf.
2. Generieren Sie die Signatur auf dem Server – Berechnen Sie HMAC-SHA256, sodass Ihr Schlüssel Ihr geheimer Schlüssel und die E-Mail-Adresse des Nachrichtenbesuchers ist, und erhalten Sie das Ergebnis als hexadezimalen (hex) Text.
3. Zur Seite hinzufügen — Geben Sie E-Mail und Signatur in window.BeChatSettings vor dem Widget-Code ein.
4. Wenn Sie es verlangen möchten, schalten Sie die Taste "Authentifizierung erforderlich" ein und drücken Sie die Taste "Änderungen speichern".

Node.js mit Signatur:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

Signatur mit PHP:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

Auf der Seite, vor dem Widget-Code:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

Ist die Signatur gültig, wird der Besucher mit dem Kundendatensatz in dieser E-Mail verknüpft (oder eine neue wird geöffnet) und seine E-Mail gilt als verifiziert; die Zeile "E-Mail verifiziert" im Kundenpanel zeigt "Ja". Andere Felder, die Sie demselben Objekt hinzufügen, werden in dieses Objekt geschrieben, wenn ein Client-Attribut mit demselben Schlüssel definiert ist. Wenn "Authentifizierung erforderlich" aktiviert ist, werden Benutzerdaten ohne gültige Signatur ignoriert und der Besucher fährt anonym fort.

Besucherquelle

Das Kundenpanel rechts neben dem Interview zeigt, woher der Besucher kam:

• Quelle: Landingpage, Referrer und UTM Quelle, Tool, Kampagne, Begriff, Inhaltswerte. Diese werden einmalig beim ersten Besuch gespeichert; nachfolgendes Surfen innerhalb der Website und Verweise von Ihrer eigenen Website ändern sie nicht.
• Ort und Sprache: Browsersprache und Uhrensprache. Wenn die Sprache oder Zeitzone im Personendatensatz leer ist, wird sie durch den Besuch gefüllt; der von Ihnen manuell eingegebene Wert wird nicht überschrieben.
• Gerät: Browser, Betriebssystem, Gerät, IP-Adresse und Sitzungsland.

Verwandte Artikel

• Website-Kampagnen
• Lerne BLE AI kennen
• Kundenprofil
• Kanalübersicht