Im Widget-Bereich gestaltest du den Bewertungs-Funnel, der später auf deiner Website lebt. Du kannst mehrere Widgets parallel betreiben — pro Kampagne eines ist sinnvoll, dann lassen sich Leads später eindeutig zuordnen.

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".

Verwandte Anleitungen

Firmen-Einstellungen anpassen

Firmenname, Logo, Geschäftsdetails und Kontaktdaten setzen. Das ist die Grundlage, auf der jedes Widget aufbaut.

onOffice anbinden: API-Schlüssel und Rechte

Wie du den API-Benutzer in onOffice anlegst, die richtigen Rechte vergibst und API-Token sowie Secret in Casalead einträgst.

Propstack anbinden: API-Schlüssel erstellen

Wie du in Propstack einen API-Schlüssel erstellst und in Casalead einträgst, damit Leads direkt als Kontakte landen.

Widget erstellen und Branding anpassen