Das Chat-Widget installieren

Füge das Pingu-Chat-Widget mit einer einzigen Codezeile zu jeder Website hinzu.

Aktualisiert am 27. Aug. 2026

Das Chat-Widget ist die Chat-Blase, die deine Besucher sehen. Du fügst es einmal hinzu, und es erscheint auf jeder Seite, die den Code lädt.

Bevor du beginnst

Ein Pingu-Konto. Siehe Konto erstellen und anmelden.
Ein Widget. Siehe Ein Chat-Widget erstellen.
Zugriff zum Bearbeiten des HTML deiner Website oder Admin-Zugang zu deiner WordPress-Website.

Den Code zu deiner Website hinzufügen

Melde dich im Dashboard an und öffne die Widget-Verwaltung.

Wähle dein Widget und kopiere den Einbettungscode. Er sieht so aus:

<script
  src="https://admin.pingu.chat/loader.js?widgetId=YOUR_WIDGET_ID"
  data-api-url="https://api.pingu.chat"
  defer
></script>

Füge den Code direkt vor dem schließenden </body>-Tag auf jeder Seite ein, auf der der Chat erscheinen soll. Auf den meisten Websites ist das die gemeinsame Fußzeile oder das Layout-Template.
Veröffentliche deine Änderungen und öffne deine Website. Die Chat-Blase erscheint in der unteren Ecke.

Verwende den Code aus deinem eigenen Dashboard. YOUR_WIDGET_ID ist ein Platzhalter und lädt kein Widget.

Auf WordPress installieren

Wenn deine Website mit WordPress läuft, nutze das Pingu-WordPress-Plugin, statt Theme-Dateien zu bearbeiten. Es fügt das Widget für dich hinzu und funktioniert mit Caching-Plugins.

Prüfen, ob es funktioniert

Öffne deine Website in einem privaten Browserfenster und sende eine Testnachricht. Das Gespräch sollte unter Live-Gespräche im Dashboard und in der mobilen Pingu-App erscheinen.

Wenn die Blase nicht erscheint, siehe Das Chat-Widget wird auf meiner Website nicht angezeigt.

Brauchst du noch Hilfe?

Unser Team schaut sich das gerne an.

Kontakt