1. Widget anlegen
Links auf „Widget" klicken und ein neues Widget erstellen. Vergib einen aussagekräftigen Namen, z. B. „Hauptwebsite" oder „Anzeige Berlin" — wichtig wenn du mehrere parallel betreibst, damit du in der Lead-Übersicht weißt, wo der Lead herkam.
2. Branding einstellen
Im Block „Erscheinungsbild" stellst du die Markenfarben ein: • Primärfarbe — die Hauptfarbe (Buttons, Highlights, Fortschrittsbalken). • Text- bzw. dunkle Farbe — selbsterklärend, die Schriftfarbe auf hellen Flächen. • Hintergrund-/helle Farbe — selbsterklärend, der Widget-Hintergrund. • Schriftart — Auswahl aus der Liste. Wenn deine Schrift nicht dabei ist, frag uns kurz unter luis@casalead.de, wir ergänzen sie. • Eckenradius — wie stark die Ecken der Karten und Buttons gerundet sind.
3. Größe einstellen
Im Block „Größeneinstellungen" zwei Regler: • Widget-Breite (px) — wie breit das Widget maximal dargestellt wird. • Skalierung — Gesamt-Zoom. 1× ist Standard. Falls das Widget zur Stelle deiner Website nicht passt, hier anpassen.
4. Optionale Features aktivieren
Drei Schalter: • Video Funnel (ab Pro) — pro Schritt kannst du ein Video hinterlegen. • Top-Bar transparent — die Fortschrittsleiste oben transparent statt eingefärbt. • Hintergrund entfernen — der Widget-Hintergrund wird transparent. Wichtig: muss explizit aktiviert werden, sonst bleibt er gefüllt.
5. Texte anpassen
Im Funnel-Schritte-Bereich kannst du alle Fragen, Untertitel und den globalen Tipp-Text frei umformulieren — passend zu deiner Tonalität und Zielgruppe.
6. Live-Vorschau prüfen
Rechts läuft eine Live-Vorschau, die jede Änderung sofort zeigt. Klick dich durch alle Schritte, bevor du das Widget einbettest — so siehst du genau, was später der Eigentümer sieht.
7. Speichern und Embed-Code holen
Speichere die Konfiguration. Im selben Bereich findest du unten den Embed-Code in drei Varianten: iFrame (empfohlen), JavaScript-Snippet, Web Component. Mehr dazu im Artikel „Widget einbetten".
Firmenname, Logo, Geschäftsdetails und Kontaktdaten setzen. Das ist die Grundlage, auf der jedes Widget aufbaut.
Die drei Varianten, das Widget in deine Website einzubauen, und welche für dich am besten passt.
Wie du den API-Benutzer in onOffice anlegst, die richtigen Rechte vergibst und API-Token sowie Secret in Casalead einträgst.
Wie du in Propstack einen API-Schlüssel erstellst und in Casalead einträgst, damit Leads direkt als Kontakte landen.