← Alle Beiträge

Installieren Sie das Widget in fünf Minuten

Domain freigeben, Site-ID kopieren, das asynchrone Skript einfügen und das erste Gespräch testen – Schritt für Schritt.

Für Lavenity brauchen Sie weder SDK noch NPM-Paket oder eigenen Build-Schritt. Ein asynchron geladenes Script-Tag genügt.

Ein asynchrones Script-Tag genügt

Erstellen Sie einen Workspace, tragen Sie die Domain ein und kopieren Sie die Site-ID aus dem Dashboard. Das Snippet kommt vor das schließende `body`-Tag – unabhängig davon, ob die Website mit WordPress, Shopify, statischem HTML oder einem eigenen Framework läuft. Das Bootstrap-Script ist ungefähr 4 KB groß und blockiert das Rendering nicht.

Öffnen Sie danach die Website in einem privaten Fenster und senden Sie eine Testnachricht. Innerhalb etwa einer Sekunde sollte sie in der Team-Inbox erscheinen; bei einem weiteren aktiven Mitarbeiter werden Präsenz und Tippstatus sichtbar.

Workspace, Domain und Site-ID kommen zuerst

Fehlt der Launcher, vergleichen Sie die Domain exakt mit der Freigabeliste – einschließlich `www` – und prüfen Sie Inhaltsblocker im Testprofil. Sobald der Test funktioniert, laden Sie Kollegen ein. Workspace-Verantwortliche kümmern sich um Websites und Abrechnung, Mitarbeiter um die Gespräche.

Bei einem Content-Management-System gehört das Snippet in den globalen Footer oder den dafür vorgesehenen Bereich für benutzerdefinierten Code. Fügen Sie es nur einmal ein; mehrere Theme- und Plugin-Integrationen können sonst zwei Launcher erzeugen. Nach einem Cache- oder CDN-Update sollte die veröffentlichte Seite kontrolliert werden, nicht nur die Vorschau im Editor. Im Browser-Netzwerkpanel lässt sich erkennen, ob Bootstrap-Script und Iframe tatsächlich geladen werden.

Ein privates Fenster liefert den schnellsten Funktionstest

Testen Sie anschließend den gesamten Weg auf Desktop und Smartphone: Launcher öffnen, Nachricht senden, in der Inbox antworten, Seite neu laden und Verlauf erneut öffnen. Prüfen Sie auch eine zweite erlaubte Domain, falls Staging und Produktion getrennt sind. Erst dieser End-to-End-Test bestätigt Installation, Freigabeliste und Echtzeitverbindung gemeinsam. Notieren Sie die Site-ID und den Einbauort für das Team, damit ein späterer Theme-Wechsel nicht versehentlich einen funktionierenden Chat entfernt. Ein kurzer Screenshot der erfolgreichen Testnachricht schafft zusätzlich einen klaren Übergabepunkt zwischen Website-Verantwortlichen und Supportteam.

Installieren und testen Sie das Widget in vier Schritten

Legen Sie Workspace und Domain an, kopieren Sie die Site-ID und setzen Sie das Snippet vor `</body>`. Veröffentlichen Sie die Änderung in der echten Testumgebung.

Öffnen Sie die Seite privat und senden Sie eine Nachricht. Fehlt der Launcher, vergleichen Sie Domain inklusive `www` und deaktivieren Sie testweise Inhaltsblocker. Laden Sie erst danach das Team ein.

Häufig gestellte Frage

Braucht Lavenity ein SDK oder NPM-Paket?

Nein. Das Widget wird mit einem kleinen asynchronen Script-Tag installiert und funktioniert in WordPress, Shopify, statischen Seiten und eigenen Frameworks ohne zusätzlichen Build-Schritt.