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

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.

Schritt 2: Fügen Sie das 3CX Live Chat Code-Snippet hinzu

  1. Melden Sie sich in der Drupal-Admin-Oberfläche an
  2. Ö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.)
  3. 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.
  4. 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
  1. Fügen Sie das Live-Chat-Code-Snippet hinzu, wo Sie nun den Erstellungsbildschirm für den benutzerdefinierten Block mit einem Texteditor sehen.
  2. 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
  1. Klicken Sie auf „Speichern und Konfigurieren“.
  2. Blenden Sie den Blocktitel aus, indem Sie unter „Blocktitel“ die Option abwählen: „Titel anzeigen“
  3. 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
  1. Fertig! Ihr 3CX Livechat-Snippet ist bereit!

Siehe auch

Letztes Update

Dieses Dokument wurde zuletzt am 29. September 2026 aktualisiert

https://www.3cx.de/docs/drupal-live-chat/