Ein Live-Chat-Widget für deine Website

Button, Chatfenster und Startansicht mit Messenger-Buttons – passend zu deiner Marke, mit Live-Vorschau. Eine Codezeile bindet das Widget in deine Website ein. Danach änderst du sein Aussehen im Konto.

Chat zur Website hinzufügen 3 Tage Premium kostenlos
Design des Website-Chat-Widgets: Telegram-Buttons auf der Startansicht und Live-Vorschau

So funktioniert es

  1. 1

    Design anpassen

    Änderungen siehst du sofort in der Vorschau.

  2. 2

    Code einfügen

    Eine Codezeile – für Tilda, WordPress, 1C-Bitrix und jede andere Website.

  3. 3

    Besucher schreiben dir

    Nachrichten landen im selben Postfach wie deine Telegram-Gespräche.

So richtest du ein Chat-Widget ein und installierst es auf deiner Website

Wo im Konto:Website chat settingsDesign

  1. 1

    Öffne den Tab „Design“

    Im Menü deiner Website links findest du „Website chat settings“. Oben stehen die Tabs „Settings“, „Design“, „Visitors“, „Triggers“ und „Install code“.

    Website-Chat-Einstellungen im ETOCHATBOT-Konto: Menüpunkt und Tab „Design“
  2. 2

    Button auf der Website

    Wähle aus 16 Symbolen und passe Größe von Button und Symbol, Stil, Markenfarbe und Animation an. Auch die Position und die Abstände legst du hier fest – getrennt für Computer und Smartphone.

    Button auf der Website – Einstellungen in ETOCHATBOT
  3. 3

    Chatfenster

    Foto, Name und Status im Kopfbereich, Begrüßung beim Öffnen, Teamfotos sowie Farben und Muster des Kopfbereichs.

    Chatfenster – Einstellungen in ETOCHATBOT
  4. 4

    Messenger-Buttons

    Auf der Startansicht können Besucher einen Chat beginnen oder Buttons für Telegram und andere Kanäle wählen: als runde Buttons nebeneinander, als Karten untereinander oder mit einem Button pro Zeile.

    Messenger-Buttons – Einstellungen in ETOCHATBOT
  5. 5

    Öffne „Install code“

    Der letzte Tab in den Chat-Einstellungen.

    Website-Chat-Einstellungen: Tab „Install code“
  6. 6

    Code in deine Website einfügen

    Kopiere den Code und füge ihn in den head-Bereich jeder Seite ein. Tilda, WordPress und 1C-Bitrix haben dafür ein Feld für eigenen Code. Den Code fügst du einmal ein; das Aussehen änderst du danach im Konto.

    Code in die Website einfügen – Einstellungen in ETOCHATBOT

Häufige Fragen

Funktioniert es mit Tilda und WordPress?
Ja: Den Code kannst du in jede Website einfügen. Website-Baukästen haben dafür ein Feld für eigenen Code. Schritt-für-Schritt-Anleitungen für verschiedene Plattformen findest du im Artikel „So installierst du einen Website-Chat“.
Muss ich bei Designänderungen den Code ändern?
Nein. Der Code enthält nur den Website-Schlüssel. Farben, Texte und Buttons lädt das Widget aus deinem Konto. Änderungen werden automatisch gespeichert.
Kann ich einen Telegram-Button anzeigen?
Ja, auf der Startansicht: Besucher wählen, wo sie dir am liebsten schreiben. Nachrichten aus allen Kanälen kommen in einem Fenster an.
Wie erkenne ich den Absender?
Ist jemand auf deiner Website angemeldet, kannst du seine E-Mail-Adresse und seinen Namen an den Chat übergeben. Ein Codebeispiel findest du im Tab „Install code“. Andernfalls können Besucher ihre E-Mail-Adresse direkt im Chat hinterlassen.
Was kostet es?
Starter ist kostenlos: 50 Gespräche im Monat. Plus kostet 19,99 € im Monat, mit unbegrenzt vielen Gesprächen. Premium mit KI-Berater kostet 34,99 € im Monat. Der Preis gilt pro Website, nicht pro Mitarbeiter. Die ersten 3 Tage mit Premium sind kostenlos.

Dein Chat-Widget – in wenigen Minuten

Chat zur Website hinzufügen Mit uns sprechen

3 Tage Premium kostenlos, ohne Kreditkarte