popup-cro

Überblick

Was ist popup-cro?

popup-cro ist ein spezialisiertes Conversion Rate Optimization (CRO) Skill, das sich vollständig auf Popups, Modals, Overlays, Slide-ins, Sticky Bars und Notification-Banner konzentriert.

Es hilft Ihnen dabei, unterbrechende Elemente zu erstellen, die wirklich konvertieren – etwa E-Mail-Capture-Popups, Exit-Intent-Modals, Rabattangebote, Ankündigungsleisten und ähnliche Formate – ohne die User Experience oder Ihre Marke zu beschädigen.

Wenn Ihr Ziel ist, mehr Leads zu sammeln, Ihre Newsletter-Liste zu vergrößern, ein Angebot zu promoten oder absprunggefährdete Besucher über ein Popup oder Overlay zu retten, bietet popup-cro einen strukturierten, reproduzierbaren Prozess für Planung, Copy, Design-Trade-offs, Trigger und Frequenzregeln.

Für wen ist popup-cro geeignet?

Nutzen Sie popup-cro, wenn Sie:

• Marketer oder Growth-Verantwortliche sind und Landing-Page-Conversions verbessern wollen, ohne die ganze Seite neu zu designen
• Content- oder E-Mail-Marketer sind und Popups nutzen, um eine Newsletter- oder Lead-Magnet-Funnel aufzubauen
• Gründer:in oder Solo-Operator sind und einfache, wirksame Popup-Guidance brauchen, ohne eine CRO-Agentur zu beauftragen
• Frontend- oder No-Code-Builder sind, die Popups technisch umsetzen können, aber klare Strategie, Timing- und Copy-Richtung benötigen

Wenn Sie eigenständige Formulare optimieren, die direkt in die Seite eingebettet sind (nicht im Popup), nutzen Sie stattdessen das form-cro Skill. Für umfassende Landing-Page- oder Site-weite Optimierung verwenden Sie page-cro.

Welche Probleme löst popup-cro?

popup-cro hilft Ihnen, wenn Sie:

• Popups einsetzen, die niedrige Conversion Rates und hohen Nervfaktor haben
• unsicher sind, wann ein Popup erscheinen soll (Time Delay, Scrolltiefe, Exit Intent, Page Targeting)
• Unterstützung brauchen, um den Zweck jedes Popups zu definieren (E-Mail-Capture, Rabatt, Ankündigung, Feature-Promotion, Feedback etc.)
• die Performance von Exit-Intent-Popups auf Landing Pages verbessern wollen
• bessere, klarere Popup-Überschriften, Value Propositions und CTAs benötigen
• Frequenzregeln wollen, die Nutzer respektieren (z. B. nicht auf jeder Seite das gleiche Popup zeigen)

Besonders hilfreich ist popup-cro, wenn Begriffe wie „exit intent“, „lead capture popup“, „email popup“, „scroll trigger“, „sticky bar“ oder „notification bar“ in Ihrer Arbeit auftauchen.

Zentrale Fähigkeiten aus dem Repository

Basierend auf der Skill-Definition und den Evaluation Prompts im Repository ist popup-cro darauf getrimmt:

• Von einer Product-Marketing-Context-Datei aus zu starten, falls vorhanden (.agents/product-marketing-context.md oder das ältere .claude/product-marketing-context.md), damit Empfehlungen zu Ihrem Positioning und Ihrer Zielgruppe passen.
• Ihren Popup-Typ zu klassifizieren (Exit-Intent-E-Mail-Capture, Erstbesucher-Rabatt, Ankündigung etc.).
• Headlines, Incentives und Formular-Struktur zu empfehlen, um höhere Conversion bei minimaler Reibung zu erreichen (oft E-Mail-Only-Formulare).
• Trigger- und Frequenzregeln vorzuschlagen (z. B. Exit-Intent-Erkennung, „do not show again“ bei Dismissals, Targeting für Erstbesucher).
• Realistische Benchmarks zu liefern (wie typische Conversion-Spannen für Exit-Intent-Popups), damit Sie Performance besser einordnen können.

Verwendung

1. Installation und Setup

Um das popup-cro Skill aus dem coreyhaines31/marketingskills Repository zu installieren, führen Sie aus:

npx skills add https://github.com/coreyhaines31/marketingskills --skill popup-cro

Damit werden die Skill-Definition und die unterstützenden Evaluations-Dateien in Ihre Skills-Umgebung geladen.

Nach der Installation:

• Öffnen Sie skills/popup-cro/SKILL.md, um die zentralen Leitlinien und den Workflow zu prüfen.
• Sehen Sie sich skills/popup-cro/evals/evals.json an, um Beispiel-Prompts und den Umfang einer starken Antwort kennenzulernen.

2. Den Workflow verstehen

popup-cro folgt einem strukturierten Ansatz, bevor Empfehlungen gegeben werden:

1. Product-Marketing-Context prüfen

   • Wenn Ihr Repo .agents/product-marketing-context.md (oder das ältere .claude/product-marketing-context.md) enthält, nutzt popup-cro diese Datei zuerst.
   • So wird sichergestellt, dass Popup-Empfehlungen zu Ihrer Zielgruppe, Ihrem Positioning und Ihren zentralen Value Props passen.

2. Zweck des Popups klären
   Das Skill erwartet, dass klar ist (oder gemeinsam geklärt wird), wofür das Popup gedacht ist, zum Beispiel:

   • E-Mail-/Newsletter-Capture
   • Lead-Magnet-Auslieferung
   • Rabatt oder Promotion (z. B. 10 % Rabatt für Erstbesucher)
   • Produkt- oder Feature-Ankündigung
   • Exit-Intent-Save-Angebot
   • Feedback- oder Umfrage-Erhebung

3. Ist-Zustand und Traffic bewerten
   Wenn das Popup bereits existiert, wird popup-cro Sie anleiten, folgende Infos zu teilen:

   • Aktuelle Performance (Views, Conversions, CTR)
   • Aktuell verwendete Trigger (Time on Page, Scrolltiefe, Exit Intent, Page Targeting)
   • Nutzerbeschwerden oder UX-Probleme (insbesondere auf Mobile)
   • Traffic-Quellen (Paid vs Organic, neue vs wiederkehrende Besucher, wichtige Seitentypen)

3. Praxisnahe Use Cases ausführen

Nutzen Sie popup-cro interaktiv in Ihrem Agent- oder Skills-Setup, indem Sie aufgabenorientierte Fragen stellen. Hier einige Beispiel-Szenarien, die mit den Evals im Repo abgestimmt sind.

Exit-Intent-E-Mail-Capture-Popup

Prompten Sie popup-cro etwa so:

Help me create an exit-intent popup for our SaaS landing page. We want to capture emails from visitors who are about to leave without signing up.

popup-cro wird typischerweise dabei helfen:

• Bestätigen, dass es sich um ein Exit-Intent-E-Mail-Capture Popup handelt.
• Eine überzeugende Headline zu formulieren, die darauf eingeht, warum Besucher abspringen oder zusätzlichen Mehrwert bietet.
• Einen passenden Lead Magnet oder Incentive auszuwählen (z. B. verlängerte Testphase, Checklist, Rabatt), um die Conversion zu steigern.
• Das Formular minimal zu halten (oft nur E-Mail), um Reibung zu reduzieren.
• Einen klaren CTA und eine einfache Schließen-Option zu definieren.
• Trigger-Konfiguration (Desktop-Exit-Intent, mobile Alternativen) und Frequenzregeln zu empfehlen (z. B. eine Zeitspanne nach Dismiss nicht zeigen, keine Anzeige für kürzlich Konvertierte).
• Realistische Conversion-Benchmarks für Exit-Intent-Popups zu teilen (z. B. von niedrigen einstelligen bis niedrigen zweistelligen Prozentbereichen), damit Sie einordnen können, ob Ihre Ergebnisse gesund sind.

Erstbesucher-Rabatt-Popup

Für ein Rabattangebot könnten Sie so prompten:

We want to offer a 10% discount to first-time visitors via a popup. When should we show it and what should it say?

popup-cro hilft Ihnen dann, Folgendes auszuarbeiten:

• Das Ganze als Discount/Promotion Popup für Erstbesucher zu behandeln.
• Timing zu empfehlen (z. B. nach etwas Engagement statt direkt beim Page Load).
• Copy und Value-Framing vorzuschlagen, damit der Rabatt relevant wirkt statt beliebig.
• Frequenz- und Targeting-Regeln zu definieren (nur Erstbesucher, Impressionen begrenzen, keine Unterbrechung kritischer Flows).

4. Integration in Ihren Stack

popup-cro selbst injiziert kein JavaScript und steuert auch nicht das Rendering von Popups. Stattdessen liefert es Strategie und Spezifikation, die Sie in Ihren Tools umsetzen, zum Beispiel:

• Frontend-Code (Custom React/Vue Components, Vanilla-JS-Popups)
• Landing-Page-Builder (Webflow, Framer etc.)
• Popup- und Onsite-Messaging-Tools (z. B. dedizierte Popup-Plattformen)

Nutzen Sie popup-cro, um zu definieren:

• Ziel und KPIs des Popups
• Trigger-Regeln (Time, Scroll, Exit Intent, Page Targeting)
• Design- und Layout-Trade-offs (Anzahl Felder, Imagery, Platzierung des Close-Buttons)
• Copy- und CTA-Varianten für Tests

Implementieren Sie diese Empfehlungen dann in Ihren bevorzugten Tools und führen Sie bei Bedarf A/B-Tests durch.

5. Wichtige Dateien im Skill

Um das Maximum aus popup-cro herauszuholen, starten Sie mit:

• SKILL.md – die zentrale Skill-Definition mit Prinzipien und Schritt-für-Schritt-Guidance (inklusive Abschnitten wie Initial Assessment und Core Principles).
• evals/evals.json – kuratierte Evaluation Prompts, die Beispiel-Use-Cases zeigen und was eine vollständige, hochwertige Antwort enthalten sollte.

FAQ

Wann sollte ich popup-cro statt form-cro oder page-cro verwenden?

Nutzen Sie popup-cro, wenn Sie an einem beliebigen unterbrechenden Element arbeiten:

• Popups und Modals
• Slide-ins und Overlays
• Sticky Bars und Notification Bars

Ist das Conversion-Element in die Seite eingebettet (z. B. ein Signup-Formular im Hero), verwenden Sie form-cro. Optimieren Sie das Gesamt-Layout, die Copy und Flows einer kompletten Seite oder eines Funnels, nutzen Sie page-cro.

Welche Popup-Typen kann popup-cro am besten abdecken?

popup-cro ist für ein breites Spektrum an Marketing-Popups optimiert, darunter:

• Exit-Intent-E-Mail-Capture-Popups
• Newsletter- und Lead-Magnet-Popups
• Rabatt- und Promotion-Modals für Erstbesucher
• Feature- oder Produkt-Ankündigungs-Overlays
• Feedback- und Umfrage-Prompts
• Sticky Bars und Notification-Banner auf Landing Pages

Entscheidet popup-cro auch das visuelle Design oder nur die Strategie?

popup-cro konzentriert sich primär auf Strategie und Messaging:

• Klarer Zweck und klare Zielgruppe
• Timing, Trigger und Frequenzregeln
• Angebotsauswahl und Incentive-Framing
• Vorschläge für Headline, Body Copy und CTA
• Empfehlungen zur Formularlänge und Feldanzahl

Die konkreten Visuals (Farben, Fonts, Layout) liegen bei Ihnen oder Ihren Design-Tools. popup-cro hebt UX-Aspekte hervor, etwa dass das Popup leicht zu schließen ist und auf Mobile gut nutzbar bleibt.

Kann mir popup-cro helfen, Nutzer nicht zu nerven?

Ja. Ein Kernziel von popup-cro ist es, Conversion zu verbessern, ohne Nutzer zu verärgern oder die Markenwahrnehmung zu schädigen. Das Skill legt Wert auf:

• Sinnvolles Timing (keine Instant-Popups, bevor Besucher interagiert haben)
• Begrenzung, wie oft ein Popup pro Session/User erscheint
• Respekt vor Dismissals (für einen definierten Zeitraum nicht erneut anzeigen)
• Ehrliche Copy, die zum Product-Marketing-Context passt

Enthält popup-cro Performance-Benchmarks?

Die Evaluations im Repository zeigen, dass popup-cro auf typische Conversion-Spannen für gängige Popup-Typen Bezug nimmt (z. B. was für Exit-Intent-Popups realistisch ist). Diese Spannen können Sie nutzen, um:

• zu beurteilen, ob ein bestehendes Popup unterperformt
• realistische Testziele und Erwartungen zu setzen

Vergleichen Sie diese Werte immer mit Ihren eigenen historischen Daten und der Traffic-Qualität, bevor Sie Entscheidungen treffen.

Was sollte in meinem Repo vorhanden sein, um das Beste herauszuholen?

Für möglichst präzise und passende Empfehlungen ist es hilfreich, wenn Sie haben:

• Eine aktuelle Product-Marketing-Context-Datei:
  • .agents/product-marketing-context.md, oder
  • .claude/product-marketing-context.md (ältere Setups)
• Basis-Performance-Daten zu bestehenden Popups (Views, Conversions, wichtigste Traffic-Quellen)
• Klarheit über Ihr Hauptziel (z. B. E-Mail-Listenwachstum vs. direkte Sales)

popup-cro kann auch ohne diese Dateien arbeiten, aber ihre Bereitstellung erhöht die Qualität und Spezifität der Guidance.

Ist popup-cro auch für nicht-marketinggetriebene Modals geeignet?

Wenn Ihr Modal rein funktional ist (z. B. Login-Dialoge, Cookie-Consent, System-Alerts), ist popup-cro nicht ideal, da die Guidance auf Marketing und Conversion ausgerichtet ist. In solchen Fällen sollten Sie Ihr Design System und Ihre UX-Guidelines nutzen.

popup-cro ist ideal, wenn das Modal oder Popup dazu dient, eine Marketingaktion zu treiben: Signups, Leads, Angebote oder Feedback mit direktem Bezug zu Growth und Conversion.