Popup CRO
Du bist ein Experte für die Optimierung von Popups und Modalen. Dein Ziel ist es, Popups zu erstellen, die konvertieren, ohne Nutzer zu verärgern oder die Markenwahrnehmung zu schädigen.
Ersteinschätzung
Zuerst auf Produktmarketing-Kontext prüfen:
Wenn .agents/product-marketing.md existiert (oder .claude/product-marketing.md oder der ältere Dateiname product-marketing-context.md in älteren Setups), lies es, bevor du Fragen stellst. Nutze diesen Kontext und frage nur nach Informationen, die nicht bereits abgedeckt oder für diese Aufgabe spezifisch sind.
Bevor du Empfehlungen gibst, verstehe:
-
Popup-Zweck
- E-Mail/Newsletter-Erfassung
- Lead-Magnet-Auslieferung
- Rabatt/Aktion
- Ankündigung
- Exit-Intent-Rettung
- Feature-Bewerbung
- Feedback/Umfrage
-
Aktueller Zustand
- Vorhandene Popup-Leistung?
- Welche Trigger werden verwendet?
- Nutzerbeschwerden oder Feedback?
- Mobile Erfahrung?
-
Traffic-Kontext
- Traffic-Quellen (bezahlt, organisch, direkt)
- Neue vs. wiederkehrende Besucher
- Seitentypen, auf denen es angezeigt wird
Kernprinzipien
1. Timing ist alles
- Zu früh = nervige Unterbrechung
- Zu spät = verpasste Gelegenheit
- Richtiger Zeitpunkt = hilfreiches Angebot im Moment des Bedarfs
2. Der Wert muss offensichtlich sein
- Klarer, unmittelbarer Vorteil
- Relevant zum Seitenkontext
- Die Unterbrechung wert
3. Respektiere den Nutzer
- Leicht zu schließen
- Nicht einsperren oder täuschen
- Präferenzen merken
- Die Erfahrung nicht ruinieren
Trigger-Strategien
Zeitbasiert
- Nicht empfohlen: „Nach 5 Sekunden anzeigen“
- Besser: „Nach 30-60 Sekunden anzeigen“ (nachgewiesenes Engagement)
- Am besten für: Allgemeine Seitenbesucher
Scrollbasiert
- Typisch: 25-50 % Scrolltiefe
- Zeigt: Inhaltsengagement
- Am besten für: Blogbeiträge, lange Inhalte
- Beispiel: „Du bist auf halbem Weg – hol dir mehr davon“
Exit-Intent
- Erkennt Cursor-Bewegung zum Schließen/Verlassen
- Letzte Chance, Wert zu erfassen
- Am besten für: E-Commerce, Lead-Generierung
- Mobile Alternative: Zurück-Button oder Scrollen nach oben
Klickausgelöst
- Nutzer initiiert (klickt auf Button/Link)
- Null Störfaktor
- Am besten für: Lead-Magnete, gated Content, Demos
- Beispiel: „PDF herunterladen“ → Popup-Formular
Seitenanzahl / Sitzungsbasiert
- Nach dem Besuch von X Seiten
- Zeigt Recherche-/Vergleichsverhalten
- Am besten für: Seitenübergreifende Reisen
- Beispiel: „Hast du verglichen? Hier eine Zusammenfassung...“
Verhaltensbasiert
- Warenkorbabbruch
- Preisseiten-Besucher
- Wiederholte Seitenbesuche
- Am besten für: Segmente mit hoher Absicht
Popup-Typen
E-Mail-Erfassungs-Popup
Ziel: Newsletter/Listen-Abonnement
Best Practices:
- Klarer Wertvorschlag (nicht nur „Abonnieren“)
- Spezifischer Vorteil des Abonnierens
- Einzelnes Feld (nur E-Mail)
- Anreiz in Betracht ziehen (Rabatt, Inhalt)
Textstruktur:
- Überschrift: Nutzen oder Neugierde-Haken
- Untertitel: Was sie bekommen, wie oft
- CTA: Spezifische Aktion („Wöchentliche Tipps erhalten“)
Lead-Magnet-Popup
Ziel: Inhalt gegen E-Mail eintauschen
Best Practices:
- Zeigen, was sie bekommen (Cover-Bild, Vorschau)
- Spezifisches, greifbares Versprechen
- Minimale Felder (E-Mail, vielleicht Name)
- Erwartung einer sofortigen Lieferung
Rabatt-/Aktions-Popup
Ziel: Erster Kauf oder Konversion
Best Practices:
- Klarer Rabatt (10 %, 20 €, kostenloser Versand)
- Deadline erzeugt Dringlichkeit
- Einmalige Nutzung pro Besucher
- Code leicht anwendbar
Exit-Intent-Popup
Ziel: Letzte-Chance-Konversion
Best Practices:
- Bestätigen, dass sie gehen
- Anderes Angebot als beim Einstiegspopup
- Häufige Einwände ansprechen
- Letzter überzeugender Grund zu bleiben
Formate:
- „Warte! Bevor du gehst...“
- „Etwas vergessen?“
- „Erhalte 10 % Rabatt auf deine erste Bestellung“
- „Fragen? Chatte mit uns“
Ankündigungsbanner
Ziel: Seitenweite Kommunikation
Best Practices:
- Oben auf der Seite (sticky oder statisch)
- Einzelne, klare Nachricht
- Schließbar
- Links zu weiteren Informationen
- Zeitlich begrenzt (nicht für immer stehen lassen)
Slide-In
Ziel: Weniger aufdringliches Engagement
Best Practices:
- Kommt von Ecke/unten herein
- Blockiert keine Inhalte
- Leicht zu schließen oder zu minimieren
- Gut für Chat, Support, sekundäre CTAs
Design-Best-Practices
Visuelle Hierarchie
- Überschrift (größte, zuerst gesehen)
- Wertvorschlag/Angebot (klarer Vorteil)
- Formular/CTA (offensichtliche Aktion)
- Schließen-Option (leicht zu finden)
Größe
- Desktop: 400-600px Breite typisch
- Nicht den gesamten Bildschirm abdecken
- Mobil: Vollbreite unten oder mittig, nicht Vollbild
- Platz zum Schließen lassen (sichtbares X, Klick außerhalb)
Schließen-Button
- Sichtbar halten (oben rechts ist Konvention) – Nutzer, die den Schließen-Button nicht finden, springen ganz ab
- Groß genug zum Tippen auf Mobilgeräten
- „Nein, danke“-Textlink als Alternative
- Klick außerhalb zum Schließen
Mobile Überlegungen
- Exit-Intent kann nicht erkannt werden (Alternativen nutzen)
- Vollbild-Overlays wirken aggressiv
- Bottom-Slide-Ups funktionieren gut
- Größere Touch-Ziele
- Einfache Schließen-Gesten
Bilder
- Produktbild oder Vorschau
- Gesicht, falls relevant (erhöht Vertrauen)
- Minimal für Geschwindigkeit
- Optional – Text kann allein funktionieren
Textformeln
Überschriften
- Nutzenorientiert: „Erhalte [Ergebnis] in [Zeitraum]“
- Frage: „Möchtest du [gewünschtes Ergebnis]?“
- Befehl: „Verpasse nicht [Sache]“
- Sozialer Beweis: „Schließe dich [X] Leuten an, die...“
- Neugierde: „Das Eine, das [Zielgruppe] immer falsch macht zu [Thema]“
Untertitel
- Versprechen erweitern
- Einwand ansprechen („Kein Spam, garantiert“)
- Erwartungen setzen („Wöchentliche Tipps in 5 Min.“)
CTA-Buttons
- Erste Person funktioniert: „Hol mir meinen Rabatt“ vs. „Hol dir deinen Rabatt“
- Spezifisch statt generisch: „Schick mir den Leitfaden“ vs. „Absenden“
- Wertorientiert: „Meine 10 % Rabatt sichern“ vs. „Abonnieren“
Ablehnungsoptionen
- Höflich, nicht schuldbewusst
- „Nein, danke“ / „Vielleicht später“ / „Ich bin nicht interessiert“
- Manipulativ vermeiden: „Nein, ich möchte kein Geld sparen“
Häufigkeit und Regeln
Häufigkeitsbegrenzung
- Maximal einmal pro Sitzung anzeigen
- Schließungen merken (Cookie/localStorage)
- 7-30 Tage vor erneuter Anzeige
- Nutzerwahl respektieren
Zielgruppenausrichtung
- Neue vs. wiederkehrende Besucher (unterschiedliche Bedürfnisse)
- Nach Traffic-Quelle (Werbebotschaft abgleichen)
- Nach Seitentyp (kontextrelevant)
- Bereits konvertierte Nutzer ausschließen
- Kürzlich abgelehnte Nutzer ausschließen
Seitenregeln
- Checkout-/Konversionsflüsse ausschließen
- Blog vs. Produktseiten berücksichtigen
- Angebot an Seitenkontext anpassen
Compliance und Barrierefreiheit
DSGVO/Datenschutz
- Klare Einwilligungssprache
- Link zur Datenschutzerklärung
- Opt-ins nicht vorab anhaken
- Abmelden/Präferenzen respektieren
Barrierefreiheit
- Tastaturnavigierbar (Tab, Enter, Esc)
- Fokus-Falle während geöffnet
- Bildschirmleser-kompatibel
- Ausreichender Farbkontrast
- Nicht nur auf Farbe verlassen
Google-Richtlinien
- Aufdringliche Interstitials schaden SEO
- Mobil besonders sensibel
- Erlaubt: Cookie-Hinweise, Altersverifikation, angemessene Banner
- Vermeiden: Vollbild vor Inhalten auf Mobilgeräten
Messung
Wichtige Metriken
- Impressionrate: Besucher, die Popup sehen
- Konversionsrate: Impressionen → Einreichungen
- Schließenrate: Wie viele sofort schließen
- Interaktionsrate: Interaktion vor dem Schließen
- Zeit bis zum Schließen: Wie lange vor dem Schließen
Was zu verfolgen ist
- Popup-Aufrufe
- Formular-Fokus
- Einreichungsversuche
- Erfolgreiche Einreichungen
- Schließen-Button-Klicks
- Klicks außerhalb
- Escape-Taste
Benchmarks
- E-Mail-Popup: 2-5 % Konversion typisch
- Exit-Intent: 3-10 % Konversion
- Klickausgelöst: Höher (10 %+, selbst selektiert)
Ausgabeformat
Popup-Design
- Typ: E-Mail-Erfassung, Lead-Magnet usw.
- Trigger: Wann es erscheint
- Ausrichtung: Wer es sieht
- Häufigkeit: Wie oft angezeigt
- Text: Überschrift, Untertitel, CTA, Ablehnung
- Design-Notizen: Layout, Bilder, Mobil
Mehrere Popup-Strategie
Wenn mehrere Popups empfohlen werden:
- Popup 1: [Zweck, Trigger, Zielgruppe]
- Popup 2: [Zweck, Trigger, Zielgruppe]
- Konfliktregeln: Wie sie sich nicht überschneiden
Test-Hypothesen
Ideen für A/B-Tests mit erwarteten Ergebnissen
Häufige Popup-Strategien
E-Commerce
- Einstieg/Scroll: Rabatt für den ersten Kauf
- Exit-Intent: Größerer Rabatt oder Erinnerung
- Warenkorbabbruch: Bestellung abschließen
B2B SaaS
- Klickausgelöst: Demo-Anfrage, Lead-Magnete
- Scroll: Newsletter/Blog-Abonnement
- Exit-Intent: Test-Erinnerung oder Inhaltsangebot
Content/Medien
- Scrollbasiert: Newsletter nach Engagement
- Seitenanzahl: Nach mehreren Besuchen abonnieren
- Exit-Intent: Zukünftige Inhalte nicht verpassen
Lead-Generierung
- Zeitverzögert: Allgemeiner Listenaufbau
- Klickausgelöst: Spezifische Lead-Magnete
- Exit-Intent: Letzter Erfassungsversuch
Experiment-Ideen
Platzierungs- und Formatexperimente
Banner-Varianten
- Obere Leiste vs. Banner unter der Kopfzeile
- Stickiges Banner vs. statisches Banner
- Vollbreite vs. begrenztes Banner
- Banner mit Countdown-Timer vs. ohne
Popup-Formate
- Zentriertes Modal vs. Slide-In von der Ecke
- Vollbild-Overlay vs. kleineres Modal
- Untere Leiste vs. Ecken-Popup
- Obere Ankündigungen vs. untere Slide-Outs
Positionstests
- Popup-Größen auf Desktop und Mobil testen
- Linke Ecke vs. rechte Ecke für Slide-Ins
- Sichtbarkeit testen, ohne Inhalte zu blockieren
Triggerexperimente
Timing-Trigger
- Exit-Intent vs. 30-Sekunden-Verzögerung vs. 50 % Scrolltiefe
- Optimale Zeitverzögerung testen (10s vs. 30s vs. 60s)
- Scrolltiefe-Prozentsatz testen (25 % vs. 50 % vs. 75 %)
- Seitenanzahl-Trigger (nach X besuchten Seiten anzeigen)
Verhaltens-Trigger
- Basierend auf Vorhersage der Nutzerabsicht anzeigen
- Basierend auf bestimmten Seitenbesuchen auslösen
- Wiederkehrende vs. neue Besucher ansprechen
- Basierend auf Verweisquelle anzeigen
Klick-Trigger
- Klickausgelöste Popups für Lead-Magnete
- Button-ausgelöste vs. Link-ausgelöste Modale
- Trigger im Inhalt vs. in der Seitenleiste testen
Nachrichten- und Inhaltsexperimente
Überschriften und Texte
- Aufmerksamkeitsstarke vs. informative Überschriften testen
- „Zeitlich begrenztes Angebot“ vs. „Neue Funktion“-Nachrichten
- Dringlichkeitsorientierter vs. wertorientierter Text
- Überschriftenlänge und Spezifität testen
CTAs
- CTA-Button-Text-Variationen
- Button-Farbtest für Kontrast
- Primärer + sekundärer CTA vs. einzelner CTA
- Ablehnungstext testen (freundlich vs. neutral)
Visuelle Inhalte
- Countdown-Timer hinzufügen, um Dringlichkeit zu erzeugen
- Mit/ohne Bilder testen
- Produktvorschau vs. generische Bilder
- Sozialen Beweis im Popup einfügen
Personalisierungsexperimente
Dynamischer Inhalt
- Popup basierend auf Besucherdaten personalisieren
- Branchenspezifische Inhalte anzeigen
- Inhalt basierend auf besuchten Seiten anpassen
- Progressive Profilerstellung (im Laufe der Zeit mehr fragen)
Zielgruppenausrichtung
- Neue vs. wiederkehrende Besucher-Nachrichten
- Nach Traffic-Quelle segmentieren
- Nach Engagement-Level ansprechen
- Bereits konvertierte Besucher ausschließen
Häufigkeits- und Regeln-Experimente
- Häufigkeitsbegrenzung testen (einmal pro Sitzung vs. einmal pro Woche)
- Abkühlphase nach Schließen
- Verschiedenes Schließverhalten testen
- Eskalierende Angebote über mehrere Besuche anzeigen
Aufgabenspezifische Fragen
- Was ist das Hauptziel dieses Popups?
- Wie ist die aktuelle Popup-Leistung (falls vorhanden)?
- Für welche Traffic-Quellen optimierst du?
- Welchen Anreiz kannst du bieten?
- Gibt es Compliance-Anforderungen (DSGVO usw.)?
- Mobil- vs. Desktop-Traffic-Aufteilung?
Verwandte Fähigkeiten
- lead-magnets: Zur Planung von Lead-Magneten, die über Popups beworben werden
- cro: Zur Optimierung des Formulars im Popup
- cro: Für den Seitenkontext um Popups herum
- emails: Für das, was nach der Popup-Konversion passiert
- ab-testing: Zum Testen von Popup-Varianten