Einführung
Die Marketing-Chat-Funktion von ellocharlie ermöglicht es Unternehmen, ein Live-Chat-Erlebnis direkt auf ihren Websites einzubetten. Website-Besucher können Konversationen starten, ohne die Seite zu verlassen; diese Chats erscheinen im ellocharlie-Portal, wo Ihre Teammitglieder das Besucherengagement verwalten, beantworten und verfolgen. Das Widget ist vollständig White-Label und berücksichtigt Ihre Markenfarben, Ihr Logo und Ihren Unternehmensnamen.
Funktionsweise
Der Marketing-Chat wird als schlankes eingebettetes JavaScript-Modul bereitgestellt. Website-Betreiber fügen ihrer Seite ein einfaches Script-Tag mit Mandanten- und Konfigurationsparametern hinzu. Das Widget initialisiert einen iFrame, der eine Verbindung zum ellocharlie-Backend herstellt, Ihren Branding-Kontext lädt und eine persistente Chat-Sitzung aufbaut. Besuchernachrichten fließen in das ellocharlie-Backend, wo sie gespeichert und den Teammitgliedern über die Hauptportaloberfläche zugänglich gemacht werden.
Der Chat-Status wird über die ellocharlie-Anwendung verwaltet und ist über modale Dialoge sowie Seitenleisten-Panels zugänglich, die in das Hauptportal integriert sind. Chat-Konversationen werden mit Besuchermetadaten (IP, Referrer, Browser-Informationen, sofern verfügbar) verknüpft, und der Chat-Verlauf ist persistent — vergangene Konversationen können durchsucht und eingesehen werden.
Benutzerhandbuch
Für Website-Betreiber (Einbettung)
Schritt 1: Einbettungsskript abrufen
Ihr Marketing-Chat-Einbettungsskript ist in Ihrer ellocharlie-Mandantenkonfiguration verfügbar. Das Skript enthält Ihre eindeutige Mandanten-ID und kann mit Ihren Markenfarben angepasst werden.
Schritt 2: Skript zu Ihrer Website hinzufügen
Binden Sie das Marketing-Chat-Skript auf Ihrer Website ein, indem Sie den folgenden Code in Ihr HTML einfügen – in der Regel in der Fußzeile oder vor dem schließenden </body> -Tag:
<script
src="https://your-ellocharlie-domain/embed/chat.js"
data-tenant="your-tenant-id"
data-color="#0066cc"
data-container="chat-widget">
</script>
<div id="chat-widget"></div>
Schritt 3: Einbettungsparameter konfigurieren
Das Einbettungsskript akzeptiert die folgenden optionalen und erforderlichen Parameter:
data-tenant(erforderlich): Ihre eindeutige ellocharlie-Mandanten-ID. Dadurch wird sichergestellt, dass Konversationen an Ihr Konto weitergeleitet werden.data-color(optional): Ein Hex-Farbcode, um das Widget an die visuelle Identität Ihrer Website anzupassen (z. B.#0066cc).data-container(optional): Die ID des Ziel-DOM-Elements, in dem das Chat-Widget angezeigt wird. Wenn nicht angegeben, sucht das Widget nach einem div mit der Standard-ID.data-height(optional): Die iFrame-Höhe in Pixeln. Legen Sie einen sinnvollen Wert fest, um eine korrekte Darstellung auf Ihrer Seite zu gewährleisten.
Schritt 4: Widget testen
Nachdem das Skript hinzugefügt wurde, aktualisieren Sie Ihre Website und überprüfen Sie, ob das Chat-Widget an der vorgesehenen Stelle angezeigt wird. Testen Sie die Chat-Funktion, indem Sie eine Nachricht senden und bestätigen, dass diese in Ihrem ellocharlie-Portal erscheint.
Für Support- und Vertriebsteams (Portal)
Auf Chat-Konversationen zugreifen
Chat-Konversationen erscheinen als eigener Bereich oder Panel innerhalb des ellocharlie-Portals. Navigieren Sie zum Chat- oder Nachrichtenbereich, um alle aktiven und vergangenen Konversationen einzusehen.
Nachrichten anzeigen und beantworten
Aktive Chats anzeigen: Eine Liste aller aktiven Chat-Sitzungen mit Besuchernamen und Zeitstempeln einsehen.
Nachrichten lesen: Klicken Sie auf einen Chat, um den vollständigen Konversationsverlauf mit Zeitstempeln für jede Nachricht anzuzeigen.
Antworten senden: Geben Sie Ihre Antwort in das Nachrichteneingabefeld ein und senden Sie sie ab. Ihre Antwort erscheint in Echtzeit im Chat-Widget des Besuchers.
Chats in Geschäftsmöglichkeiten umwandeln
Über die Chat-Oberfläche können Sie direkt aus einer Konversation heraus Kontakte, Deals oder Tickets erstellen:
Öffnen Sie die Chat-Konversation.
Suchen Sie nach Optionen zum Erstellen eines neuen Kontakts, Deals oder Tickets.
ellocharlie verknüpft den Chat-Verlauf mit dem neu erstellten Datensatz und bewahrt so den Konversationskontext.
Vergangene Konversationen suchen und überprüfen
Nutzen Sie die Suchfunktion im Chat-Bereich, um vergangene Konversationen nach Besuchername, E-Mail-Adresse oder Nachrichteninhalt zu finden. Der gesamte Chat-Verlauf ist persistent und jederzeit einsehbar.
Best Practices für die Besucherinteraktion auf der Website
Responsives Design
Testen Sie das Chat-Widget sowohl auf mobilen Geräten als auch auf Desktop-Geräten. Das Einbettungsskript übernimmt die responsive Größenanpassung automatisch. Legen Sie data-height auf einen angemessenen Wert (z. B. 400–600 Pixel) und stellen Sie sicher, dass das Container-Div sein übergeordnetes Element nicht überläuft. Dies verhindert Layout-Probleme und sorgt für eine reibungslose Benutzererfahrung auf allen Geräten.
Markenkonsistenz
Verwenden Sie den genauen Hex-Code Ihrer Markenfarbe im data-color Parameter, um die visuelle Identität Ihrer Website widerzuspiegeln. Stellen Sie sicher, dass Ihr ellocharlie-Mandant mit dem richtigen Logo und Firmennamen konfiguriert ist, damit diese im Widget-Header angezeigt werden. Konsistentes Branding schafft Vertrauen und stärkt Ihre Unternehmensidentität.
Reaktionsverfügbarkeit
Überwachen Sie aktive Chats im ellocharlie-Portal regelmäßig. Besucher sind eher bereit zu interagieren, wenn sie schnelle Antworten erhalten. Setzen Sie Erwartungen bezüglich der Reaktionszeiten in Ihrer Chat-Widget-Begrüßungsnachricht (falls verfügbar) oder auf Ihrer Website, z. B.: „Wir antworten in der Regel innerhalb von 2 Stunden während der Geschäftszeiten."
Strategische Platzierung
Positionieren Sie das Chat-Widget an einer gut sichtbaren, aber nicht aufdringlichen Stelle auf Ihrer Website – üblicherweise ist die untere rechte Ecke der Standard. Vermeiden Sie die Platzierung an Stellen, an denen es wichtige Inhalte oder Handlungsaufforderungen verdeckt.
Besucherkontex
Nutzen Sie die Besucher-Metadaten (IP, Referrer, Browser-Informationen), die im Chat-Datensatz verfügbar sind, um Ihre Antworten zu personalisieren. Zu wissen, von welcher Seite ein Besucher gekommen ist oder was er sich angesehen hat, hilft Ihnen, relevantere Unterstützung zu bieten.
Nachverfolgungsprozess
Erstellen Sie nach dem Ende eines Chats einen Kontakt- oder Deal-Datensatz in ellocharlie, um die Nachverfolgung sicherzustellen. Dies bewahrt den Gesprächskontext und ermöglicht es Ihrem Team, den Lead über andere Kanäle weiter zu betreuen.
FAQ
F: Welche Informationen werden über Website-Besucher erfasst? A: ellocharlie erfasst Besucher-Metadaten, einschließlich IP-Adresse, Referrer-URL und Browser-Informationen, sofern verfügbar. Dieser Kontext erscheint im Chat-Datensatz und hilft Ihrem Team, den Weg des Besuchers nachzuvollziehen.
F: Kann ich das Erscheinungsbild des Chat-Widgets anpassen?
A: Ja. Sie können die Farbe des Widgets mithilfe des data-color Parameters mit einem Hex-Code anpassen. Das Widget zeigt außerdem das Logo und den Firmennamen Ihres ellocharlie-Mandanten an – stellen Sie daher sicher, dass diese in Ihren Kontoeinstellungen korrekt konfiguriert sind.
F: Wie ändere ich die Größe des Chat-Widgets auf meiner Website?
A: Verwenden Sie den data-height Parameter im Einbettungsskript, um die Höhe des iFrames in Pixeln festzulegen. Testen Sie verschiedene Höhen auf Ihrer Website, um die beste Passform für Ihr Layout zu finden.
F: Werden Chat-Gespräche dauerhaft gespeichert? A: Ja. Der Chat-Verlauf wird in ellocharlie dauerhaft gespeichert. Sie können vergangene Gespräche jederzeit durchsuchen und einsehen.
F: Kann ich aus einem Chat-Gespräch einen Kontakt oder Deal erstellen? A: Ja. Innerhalb eines Chat-Gesprächs im ellocharlie-Portal können Sie einen neuen Kontakt, Deal oder ein Ticket erstellen. ellocharlie verknüpft den Chat-Verlauf mit dem neu erstellten Datensatz.
F: Was passiert, wenn mein Team nicht sofort auf einen Chat antwortet? A: Die Nachricht des Besuchers wird im ellocharlie-Portal gespeichert und bleibt für Ihr Team zur späteren Beantwortung verfügbar. Es gibt kein automatisches Timeout, aber Sie sollten die Erwartungen der Besucher bezüglich der Reaktionszeiten auf Ihrer Website kommunizieren.
F: Kann ich den Marketing-Chat auf mehreren Seiten meiner Website verwenden? A: Ja. Fügen Sie dasselbe Einbettungsskript auf jeder Seite ein, auf der das Chat-Widget erscheinen soll. Alle Gespräche werden an dasselbe ellocharlie-Konto weitergeleitet.
F: Ist das Chat-Widget mobilfreundlich?
A: Ja. Das Einbettungsskript verwaltet die responsive Größenanpassung automatisch. Testen Sie das Widget auf mobilen Geräten und passen Sie den data-height Parameter bei Bedarf an, um eine gute Benutzererfahrung sicherzustellen.