Das Widget auf deiner Website installieren

LeadOcto lädt über zwei kurze Codezeilen, die du direkt vor dem schließenden </body>-Tag einfügst. Deine Site holt die aktuellen Einstellungen bei jedem Besuch, sodass jede Änderung im Dashboard sofort live ist, ohne erneuten Upload.

Schritt 1 · Kopiere deinen Einbindungscode

Öffne die Installationsseite deines Widgets im Dashboard. Der Code ist kopierbereit und enthält bereits deinen API-Schlüssel und die Widget-ID:

<script>
  window.LeadOcto = { key: "YOUR_API_KEY", widget: "WIDGET_ID" };
</script>
<script src="https://app.leadocto.io/widget/widget.js" async></script>

Schritt 2 · Füge ihn in deine Site ein

Füge beide Zeilen direkt vor </body> ein. Die genaue Stelle hängt von deiner Plattform ab:

• WordPress — nutze ein Snippet-Plugin wie WPCode und füge ihn im Footer-Bereich ein.
• Shopify — Onlineshop, Themes, Code bearbeiten, Layout, theme.liquid, vor </body>.
• Wix, Webflow, Squarespace — öffne die Custom-Code- oder Footer-Code-Einstellungen und füge ihn dort ein.
• Eigenbau — füge ihn vor </body> in dein Haupttemplate ein.

Schritt 3 · Prüfen, ob es funktioniert

Öffne deine Site in einem neuen Inkognito-Fenster. Innerhalb weniger Sekunden erscheint der schwebende Button in der Ecke. Klick ihn an und prüfe, ob deine Buttons sichtbar sind.