Konfigurieren des 3CX Live Chat für Drupal
Einführung
Die 3CX Live-Chat-Software ermöglicht es Ihnen, Anrufe und Nachrichten von Website-Besuchern direkt über 3CX zu beantworten. Lesen Sie mehr über die Live-Chat-Lösung.
Schritt 1: Besorgen Sie sich Ihr Code-Snippet
Während des Einrichtungs-Prozesses von 3CX Live Chat haben Sie möglicherweise das Code-Snippet kopiert. Falls nicht, können Sie es wie folgt abrufen:
- Melden Sie sich in Ihrer 3CX-Verwaltungskonsole an.
- Gehen Sie zu Trunks & Chat, suchen Sie Ihren „Live Chat“ und klicken Sie auf das Drei-Punkte-Symbol > Code-Snippet.
- Stellen Sie sicher, dass Sie Ihre Website-URL in das Feld „Ihre Website“ in den Live-Chat-Einstellungen eintragen. Sie können mehrere Website-URLs eingeben, getrennt durch Kommas.
- Kopieren Sie den HTML-Code, speichern Sie ihn in einem Texteditor und fahren Sie mit Schritt 2 fort.
Schritt 2: Fügen Sie das 3CX Live Chat Code-Snippet hinzu
Die kostenlose Drupal-Cloud-Hosting-Demo erlaubt kein Einfügen von Code-Snippets, die für eine vollständige Anpassung erforderlich sind. Um auf Funktionen zuzugreifen, die das Einfügen von benutzerdefiniertem Code erfordern, müssen Sie Drupal entweder lokal installieren oder einen Hosting-Dienst nutzen, der administrativen Zugriff bietet.
- Melden Sie sich in der Drupal-Admin-Oberfläche an
- Öffnen Sie den Bereich Block-Layout (Struktur → Block-Layout): URL-Shortcut: /admin/structure/block (Hier verwalten Sie Blöcke — kleine Inhaltseinheiten, die in verschiedenen Regionen Ihrer Drupal-Website platziert werden können.)
- Wählen Sie eine Region (z. B. Fußzeile): Scrollen Sie durch die Liste der Regionen (diese variieren je nach Theme — z. B. Kopfzeile, Fußzeile oben, Inhalt unten usw.). Klicken Sie auf die Schaltfläche „Block platzieren“ neben der Region.
- Erstellen Sie einen benutzerdefinierten Block: Im sich öffnenden Pop-up:
- Klicken Sie oben auf die graue Schaltfläche „+ Benutzerdefinierten Block hinzufügen“ (manchmal auch „Inhaltsblock hinzufügen“ genannt)
- Blocktyp wählen: Basis-Block
- Fügen Sie das Live-Chat-Code-Snippet hinzu, wo Sie nun den Erstellungsbildschirm für den benutzerdefinierten Block mit einem Texteditor sehen.
- Im Feld Body (Textkörper):
- Klicken Sie in der Symbolleiste auf die Schaltfläche „Quelle“ (Dies schaltet den Editor in den Unformatierten HTML-Modus um)
- Suchen Sie unter dem Editor „Textformat“ und wählen Sie Vollständiges HTML (Das ist wichtig!)
- Wenn Sie Bestehendes HTML oder Gefiltertes HTML verwenden, entfernt Drupal Ihr <script>-Tag und das Widget wird nicht geladen.
- Fügen Sie Ihren aus dem Webclient erhaltenen Chat-Code in das Textfeld ein
- Klicken Sie auf „Speichern und Konfigurieren“.
- Blenden Sie den Blocktitel aus, indem Sie unter „Blocktitel“ die Option abwählen: „Titel anzeigen“
- Platzieren und speichern Sie den Block
- Nach dem Speichern des Blocks kehren Sie zur Regionsauswahl zurück
- Wählen Sie die Region (z. B. Fußzeile) und klicken Sie auf Block speichern
- Klicken Sie anschließend unten auf der Seite auf Block-Layout speichern
- Fertig! Ihr 3CX Livechat-Snippet ist bereit!
Siehe auch
Letztes Update
Dieses Dokument wurde zuletzt am 29. September 2026 aktualisiert
