Konfiguration des 3CX Live Chat
- Einführung
- Schritt 1: Live Chat der 3CX Telefonanlage hinzufügen
- Schritt 2: Anpassen der Chat-Blase
- Reiter 'Stil'
- Reiter 'Nachrichten'
- Reiter 'Agent'
- Reiter 'Erweitert'
- Schritt 3: Aktivieren von 3CX Live Chat auf Ihrer Website
- Bei Verwendung von WordPress-Websites
- Bei Verwendung anderer CMS-Systeme als WordPress
- Siehe auch
Einführung
Die 3CX Live Chat-Funktion ermöglicht es Ihnen, Anrufe und Nachrichten von Ihren Website-Besuchern direkt über 3CX zu beantworten. Lesen Sie mehr über die Live Chat-Lösung.
Schritt 1: Live Chat der 3CX Telefonanlage hinzufügen
- Gehen Sie in der Verwaltungskonsole auf "Trunks & Chat" > "Messaging hinzufügen" und wählen Sie "Live Chat hinzufügen".
- Geben Sie im Feld 'Ziel' an, an welche Nebenstelle oder Warteschleife Sie Live-Chat-Nachrichten und -Anrufe senden möchten. Der Chat ist basierend auf den Bürozeiten der Abteilung verfügbar, zu der das Ziel gehört.
- Geben Sie Ihre Website-Adresse ein.
- Geben Sie an, welche Informationen Sie von Besuchern anfordern, bevor diese einen Chat starten können.
- Sie können Besuchern die Option geben, Sie auch anzurufen – in diesem Fall wird der Nutzer direkt mit 3CX verbunden, ohne eine Nummer zu wählen. Eine Browserverbindung wird über WebRTC hergestellt. Sie können einem Besucher erlauben, Sie anzurufen, ohne zuvor einen Chat zu starten.
- Wählen Sie nun aus, wie das Live-Chat-Fenster auf Ihrer Website angezeigt werden soll, wenn ein Besucher erstmals auf eine Webseite gelangt. Sie können ein Chat-Fenster oder nur eine Chat-Blase anzeigen.
Schritt 2: Anpassen der Chat-Blase
Sie können eine Vorschau der Chat-Blase unten rechts auf der Seite anzeigen, um die Funktionalität zu testen und zu sehen, wie sie auf Ihrer Website erscheint.
Reiter 'Stil'
Gehen Sie oben im Live Chat-Fenster auf den Reiter „Stil“, um das Erscheinungsbild Ihrer Chat-Blase anzupassen.
- Wählen Sie aus einem der 4 vordefinierten Themes oder wählen Sie „Anpassen“. Für die letzte Option klicken Sie auf die einzelnen Farbfelder und verwenden Sie die Pop-up-Farbauswahl oder geben Sie Ihre RGB-, HSL- oder HEX-Werte ein.
- Verwenden Sie das Optionsfeld, um Ihr gewünschtes Chat-Blasen-Symbol auszuwählen.
- Wählen Sie, ob Sie die Schriftart der Website überschreiben und Rubik verwenden möchten.
- Klicken Sie auf das Dropdown-Feld, um eine Chat-Fenster-Animation auszuwählen.
Reiter 'Nachrichten'
Gehen Sie oben im Live Chat-Fenster auf den Reiter „Nachrichten“, um Sprache, Begrüßungen usw. anzupassen.
- Wählen Sie aus, ob Ihre Standard-Oberflächensprache von der Browsersprache Ihres Besuchers abweichen soll.
- Geben Sie unter 'Beschriftungen & Schaltflächen' Ihren eigenen Einleitungstext und Ihre Schaltflächenbeschriftung ein, die auf dem Live-Chat-Formular erscheinen sollen.
- Verwenden Sie den Bereich 'Begrüßungen', um Ihre Online- und Offline-Begrüßungsnachrichten anzupassen.
- Schließlich legt der Bereich 'Automatische Nachrichten' fest, wie automatische Nachrichten formuliert werden sollen.
Reiter 'Agent'
Gehen Sie oben im Live Chat-Fenster auf den Reiter „Agent“, um den Avatar, den Anzeigenamen usw. des Agenten anzupassen.
- Verwenden Sie das Kontrollkästchen, um zu entscheiden, ob der echte Name Ihres Agenten angezeigt wird oder ob Sie einen Standardnamen und -avatar einrichten möchten. Um den tatsächlichen Avatar Ihres Agenten anzuzeigen, muss dieser über dessen Webclient-Profil hochgeladen werden.
- Wenn Sie sich für die Verwendung eines Standard-Agenten entscheiden, verwenden Sie den Bereich 'Standard-Agenten-Info', um ein Foto hochzuladen und den Namen festzulegen, der angezeigt werden soll.
Reiter 'Erweitert'
Gehen Sie oben im Live Chat-Fenster auf den Reiter „Erweitert“, um Ihre Datenschutzhinweise und Warteschleifenanrufe anzupassen.
- Aktivieren Sie das Kontrollkästchen, um Anrufe an eine Warteschleife oder Rufgruppe zu aktivieren, wenn kein Agent den Chat bearbeitet. Damit diese Einstellung ordnungsgemäß funktioniert, muss das in den 'Allgemein'-Einstellungen festgelegte "Ziel" eine Rufgruppe oder Warteschleife sein.
- Wenn Sie Besuchern vor Beginn eines Gesprächs einen DSGVO-Hinweis anzeigen müssen, verwenden Sie den Schieberegler und bearbeiten Sie den Hinweis im Textfeld darunter.
- Klicken Sie abschließend auf „Speichern“.
Schritt 3: Aktivieren von 3CX Live Chat auf Ihrer Website
Nachdem Sie Ihren Live Chat konfiguriert haben, ist es an der Zeit, ihn zu Ihrer Website hinzuzufügen. Wenn Sie eine eigene Person für die Administration Ihrer Website haben, nutzen Sie das E-Mail-Feld, um ihr alle Informationen zu senden, die sie für die Einrichtung benötigt.
Wenn Sie Live Chat auf WordPress installieren, klicken Sie auf die Schaltfläche „Kopieren“ und folgen Sie den nachstehenden Anweisungen. Wenn Sie auf einer Nicht-WordPress-Seite installieren, kopieren Sie den HTML-Code und fahren Sie mit den Anweisungen für Nicht-WordPress-Seiten fort.
Bei Verwendung von WordPress-Websites
- Melden Sie sich im Admin-Bereich Ihrer WordPress-Website an.
- Navigieren Sie zu 'Plugins' und klicken Sie oben auf der Seite auf „Installieren“.
- Geben Sie „3CX“ in die Suchleiste ein und klicken Sie beim Ergebnis „3CX Free Live Chat, Calls & WhatsApp” auf „Jetzt installieren“.
- Nach der Installation klicken Sie in der Seitenleiste auf „3CX Live Chat“.
- Nach der Installation klicken Sie auf „Aktivieren“, um das Plugin zu aktivieren.
- Klicken Sie in der Seitenleiste auf „3CX Live Chat“ und fügen Sie die zuvor kopierte URL ein. Diese finden Sie auch in der Webclient-Konfiguration unter dem Feld 'Informationen'.
- Aktivieren Sie entweder das Kontrollkästchen, um den Chat auf allen Seiten anzuzeigen, oder verwenden Sie die Kontrollkästchen darunter, um einzelne Seiten auszuwählen.
- Klicken Sie abschließend auf „Änderungen speichern“.
Hinweis: Derzeit unterstützt das WordPress-Plugin nur eine Live Chat-URL pro Website. Die Unterstützung mehrerer Chat-Blasen wird in Kürze veröffentlicht. Wenn in der Zwischenzeit mehrere Live Chat-Optionen erforderlich sind, fügen Sie einfach die verschiedenen Code-Snippets in die von Ihnen benötigten Seiten ein.
Bei Verwendung anderer CMS-Systeme als WordPress
- Wenn Sie nicht WordPress verwenden, kopieren Sie den HTML-Code aus dem Webclient.
- Fügen Sie den Code vor dem </body>-Tag auf Ihren einzelnen Webseiten ein.
- Siehe unsere Anleitungen für beliebte CMS-Systeme.
Siehe auch
- Konfiguration der WhatsApp-Integration
- Konfiguration der Facebook-Integration
- So konfigurieren Sie SMS/MMS
- Verwalten Sie Kundenanfragen: Live-Chat, WhatsApp, Facebook und SMS/MMS
Letztes Update
Dieses Dokument wurde zuletzt am 16. September 2026 aktualisiert.
