Anmeldebutton extern

Mit dem Overlay-Button kannst du einen externen Anmeldebutton für dein Webinar gestalten und auf beliebigen Webseiten einbauen. Der Button öffnet dann dein Anmelde-Overlay — ohne dass du die externe Seite umbauen musst.

anmeldebutton button eigen homepage

VERWALTUNG // LANDINGPAGE // GRUNDDATEN // OVERLAY CODE

Overlay-Button: erstellen, einbinden, messen

Schritt für Schritt Anleitung

Schritt 1 - Button gestalten

Links stellst du Text, Großbuchstaben, Schrift, Farben, Breite, Padding, Radius, Schatten und Hover-Effekt ein. Rechts siehst du sofort die Vorschau und den passenden Einbindungscode.
Wichtig: Speichere deine Änderungen, damit Vorschau und Code aktuell sind.

Schritt 2 - Einbindung: Was du wo einfügst

Du bekommst zwei Code-Blöcke:

A) Button-HTML

Das kommt genau an die Stelle auf deiner Seite, wo der Button sichtbar sein soll (z. B. in den Hero-Bereich oder unter ein Video).

B) Script-Tag

Das Script muss einmal pro Seite eingebunden werden — am besten ganz am Ende vor </body>.

Wenn du mehrere Buttons auf einer Seite nutzt: Script nur einmal, Buttons beliebig oft.

Schritt 3 - Bestehenden Button “aufrüsten” (ohne Design zu verlieren)

Du hast schon einen Button auf deiner Seite und willst nur die Overlay-Funktion hinzufügen? Dann musst du nicht alles ersetzen.

Anleitung mit Chat GPT

Im Video ( Minute 9:05) erkläre ich wie du einen bestehenden Button mit den Funktionen der Anmeldung aufrüsten kannst.

So geht’s:

Übernimm in deinen bestehenden Button das Attribut data-ws-overlay="..." (die Overlay-ID kommt aus deinem Code).
Entferne ggf. alte onclick-Handler (z. B. window.lpOverlay.open()), wenn sie etwas anderes öffnen.
Klassen/Styling können bleiben — du ergänzt nur die Overlay-Funktion.

Kurz gesagt: Dein Button-Design bleibt, du gibst ihm nur den “Overlay-Schlüssel”.

Schritt 4 - Vorschau & Position

In der Vorschau siehst du live, wie dein Button wirkt. Du kannst ihn dort auch verschieben, um ein Gefühl für Position und Layout zu bekommen — das ersetzt aber nicht dein echtes Seitenlayout, sondern ist eine Orientierung.

Schritt 5 - Statistik: Klicks & Einblendungen

Unten findest du die Button-Statistik:
• Klicks: wie oft der Button gedrückt wurde
• Impressions: wie oft der Button geladen/angezeigt wurde
• CTR: Verhältnis aus Klicks und Impressions

Hinweis:

Adblocker, Cookie-Banner oder Script-Blocker können Messwerte beeinflussen. Wenn du „0 Impressions“ siehst, ist oft das Script nicht geladen oder wird blockiert.

Schritt 6 - Wenn’s nicht klappt: schnelle Fehlersuche

Wenn der Button nicht reagiert, prüfe diese Punkte:
• Script-Tag wirklich eingebunden? (und nicht aus Versehen doppelt oder im falschen Bereich)
• Script-URL öffentlich erreichbar? (kein localhost / 127.0.0.1)
• Overlay-ID im Button korrekt übernommen?
• Öffnet ein anderes Script/onclick etwas und „überstimmt“ deinen Button?
• Seite cached? Einmal Hard-Reload testen (Strg/Cmd + Shift + R)