So binden Sie den Chat auf Ihrer Website ein

Wo Sie den Code finden

Gehen Sie im Dashboard zu Widget, Reiter Installation. Unter Wo befindet sich Ihre Website? wählen Sie Ihre Plattform - Sie sehen eine Schritt-für-Schritt-Anleitung und den Button Code kopieren.

Der Code sieht so aus (Ihrer enthält statt YOUR_KEY einen eigenen Schlüssel - kopieren Sie ihn aus dem Dashboard):

<script src="https://chatrina.com/widget/widget.js" data-key="YOUR_KEY" async></script>

WordPress und WooCommerce

1. Gehen Sie in WordPress zu Plugins → Neues Plugin hinzufügen und installieren Sie das kostenlose Plugin WPCode.
2. Gehen Sie zu Code Snippets → Header & Footer.
3. Fügen Sie den Code in das Feld Footer ein.
4. Klicken Sie auf Speichern. Der Chat erscheint auf jeder Seite.

Ohne Plugin: Design → Theme-Datei-Editor → footer.php und den Code direkt vor </body> einfügen. WooCommerce läuft auf WordPress, die Schritte sind also dieselben.

Shopify

1. Gehen Sie in Shopify zu Onlineshop → Themes.
2. Klicken Sie beim aktiven Theme auf … → Code bearbeiten.
3. Öffnen Sie die Datei layout/theme.liquid.
4. Suchen Sie </body> (Strg+F oder Cmd+F) und fügen Sie den Code direkt davor ein.
5. Klicken Sie auf Speichern.

Wix

1. Gehen Sie in Wix zu Einstellungen → Erweitert → Benutzerdefinierter Code.
2. Klicken Sie auf + Benutzerdefinierten Code hinzufügen und fügen Sie den Code ein.
3. Wählen Sie Alle Seiten und platzieren Sie ihn unter Body - Ende.
4. Klicken Sie auf Anwenden und veröffentlichen Sie die Website.

Webflow

1. Öffnen Sie Site settings → Custom code.
2. Fügen Sie den Code in das Feld Footer code ein.
3. Speichern und veröffentlichen Sie die Website (Publish).

Mit KI erstellte Website (Lovable, Bolt, Cursor, Replit, Claude)

Wählen Sie die Karte Vibecoding (KI) und klicken Sie auf Prompt kopieren. Fügen Sie ihn in den Chat Ihres Tools ein - die KI setzt den Code an der richtigen Stelle ein. Übernehmen Sie dann die Änderungen und veröffentlichen Sie die Website.

Jede andere Website

Öffnen Sie die Vorlage, die auf jeder Seite verwendet wird (meist Footer oder Haupt-Layout), und fügen Sie den Code direkt vor dem schließenden </body> ein. Speichern und veröffentlichen Sie die Änderungen.

Jemand anderes betreut Ihre Website?

Wählen Sie die Karte An einen Entwickler senden, geben Sie dessen E-Mail-Adresse ein und klicken Sie auf Code und Anleitung senden. Er bekommt den Code und Anleitungen für gängige Plattformen. Die E-Mail enthält keine Zugangsdaten.

Prüfen, ob es funktioniert

Öffnen Sie nach dem Einfügen Ihre Website im Browser (neu laden), gehen Sie zurück ins Dashboard und klicken Sie auf Prüfen, ob es funktioniert. Sie sehen ✓ Widget funktioniert auf … mit Ihrer Website-Adresse oder einen Hinweis, was noch fehlt.

Der Chat wird nicht angezeigt?

• Unter Widget → Aussehen und was auf der Website ist muss der Schalter oben Widget auf der Website aktiviert anzeigen, und unter Was auf Ihrer Website ist muss Chat eingeschaltet sein.
• Ihr Tarif muss aktiv sein oder der Test muss laufen.
• Wenn Sie im Reiter Installation unter Auf welchen Websites das Widget laufen darf Domains eingetragen haben, funktioniert der Chat nur dort. Leer = er funktioniert überall, wo Sie den Code einfügen.
• Ist das monatliche Limit an Unterhaltungen aufgebraucht, verschwindet der Chat bis zum Ende des Zeitraums oder bis Sie ein Paket dazubuchen - Tarife und Limits.
• Werbeblocker beim Besucher können den Chat in dessen Browser ausblenden.

Häufige Fragen