Live-Chat zu deiner Website hinzufügen

Channel Key finden

Öffne Einstellungen > Kanäle.

Klicke auf deinen Messenger-Kanal und wähle den Tab Installation. Unter Kanal-Informationen kopierst du den Channel Key.

Erlaubte Domains konfigurieren

Gehe in deinen Messenger-Kanal-Einstellungen zum Tab Sicherheit. Unter Erlaubte Domains gibst du jede Domain ein, auf der das Widget erscheinen soll, und klickst auf Domain hinzufügen:

• example.com — deine Produktions-Website
• staging.example.com — Staging-Umgebung
• localhost:3000 — lokale Entwicklung

Installationscode hinzufügen

Wähle die Methode, die zu deinem Tech-Stack passt:

<script
  src="https://cdn.zickt.com/loader.js"
  data-channel-key="DEIN_CHANNEL_KEY"
></script>

<script src="https://cdn.zickt.com/loader.js"></script>
<script>
  Zickt('boot', {
    channel_key: 'DEIN_CHANNEL_KEY'
  });
</script>

npm install @zickt/react

import { ZicktMessenger } from '@zickt/react';

function App() {
  return (
    <>
      {/* Dein App-Inhalt */}
      <ZicktMessenger channelKey="DEIN_CHANNEL_KEY" />
    </>
  );
}

<script src="https://cdn.zickt.com/loader.js"></script>
<script>
  dataLayer.push({
    'event': 'zickt_messenger_load',
    'zickt_channel_key': 'DEIN_CHANNEL_KEY'
  });
</script>

Erscheinungsbild anpassen

Gehe zu Einstellungen > Kanäle, klicke auf deinen Messenger-Kanal und öffne den Tab Darstellung. Dort kannst du konfigurieren:

• Position — unten rechts (Standard), unten links, oben rechts oder oben links
• Markenfarbe — passe das Widget an das Design deiner Website an
• Begrüßungsnachricht — die Nachricht, die Besucher sehen, wenn sie das Widget öffnen

Alle Details zu den Anpassungsoptionen findest du in der Web-Messenger-Referenz.