Key Takeaways
- Ein gutes Newsletter-Pop-up erfasst 2-5 % der Sessions und steigert die Conversion Rate. Ein schlechtes ruiniert beide Metriken und trainiert die Besucher nur darauf, den Schließen-Button zu suchen.
- Der größte Faktor für den Erfolg von Pop-ups: der Zeitpunkt (Wann es getriggert wird). Pre-Engagement Pop-ups (unter 5 Sekunden) schaden fast immer der CR. Post-Engagement Pop-ups (30-60s Scrollzeit, Exit-Intent) tun das in der Regel nicht.
- Das Angebot (Offer) ist wichtiger als das Design. „10 % Rabatt auf deine erste Bestellung“ schlägt „Abonniere unseren Newsletter“ um Längen.
- Auf dem Mobilgerät schneidet ein natives Theme-Drawer oder ein Inline-Formular meist besser ab als ein Pop-up, das den ganzen Bildschirm überlagert.
Dieser Guide zeigt dir, wie du ein Newsletter-Pop-up richtig in deinen Shopify-Store integrierst – und zwar so, dass du die E-Mail-Adresse bekommst, ohne den Sale zu gefährden.
Warum du uns vertrauen kannst
Mehr als 15 Jahre Dev-Erfahrung, davon vier Jahre direkt bei Shopify. Wir bauen Fudge, den KI-Agenten, der das Storefront-E-Mail-Capture als nativen Code schreibt, und haben Stores schon oft dabei geholfen, ihre Pop-up-Trigger quer durch alle Kategorien zu optimieren.
Schritt 1: Überlege, ob du wirklich ein Pop-up brauchst
Pop-ups sind ein Trade-off in Sachen Markenvertrauen. Sie steigern das E-Mail-Capture, können aber bei falschem Timing die Conversion Rate einer Session beeinträchtigen.
Du brauchst wahrscheinlich eines, wenn:
- Deine E-Mail-Liste weniger als 5 % deines monatlichen Traffics ausmacht.
- Deine Wiederkaufrate hoch ist (die E-Mail rechnet sich).
- Deine Kategorie Rabatte auf die erste Bestellung zulässt (DTC-Konsumgüter, Beauty, Fashion).
Du brauchst wahrscheinlich keines, wenn:
- Deine E-Mail-Liste im Verhältnis zum Traffic bereits sehr groß ist.
- Deine Kategorie keine Rabattangebote hergibt (Luxusartikel, regulierte Produkte, B2B).
- Das On-Page E-Mail-Capture (Footer-Formular, Aufforderung zur Kontoerstellung) gut funktioniert.
Für einen strengeren Ansatz: Überspringe das modale Pop-up und setze stattdessen auf ein Sticky-Inline-Formular in einem High-Engagement-Bereich.
Schritt 2: Wähle das Offer
Das Offer ist der größte Hebel für die Performance deines Pop-ups.
Die besten Offers
- „10-15 % Rabatt auf deine erste Bestellung“ – der Standard, gewinnt fast immer.
- „Kostenloser Versand für deine erste Bestellung“ – gut für Stores, deren Margen keine großen Rabatte zulassen.
- „Early Access für neue Drops“ – für Drop-fokussierte Brands.
- „X € Rabatt ab Y € Bestellwert“ – passend zu deinem AOV-Ziel.
Schlechte Offers
- „Abonniere unseren Newsletter“ – generisch, kein konkreter Mehrwert, geringe Capture-Rate.
- „Erfahre es als Erster“ – exakt das gleiche Problem.
- „Willkommen bei [Brand]“ – das ist kein Offer.
Das Offer muss etwas sein, was der Besucher wirklich will. Das klassische, generische Newsletter-Signup ist fast nie die Lösung.
Schritt 3: Den richtigen Trigger setzen
Die Trigger entscheiden darüber, ob ein Pop-up gut oder einfach nur nervig ist.
Was du vermeiden solltest
- Zeitbasiert bei 0-5 Sekunden. Der Besucher hat das Produkt noch gar nicht gesehen. Du störst ihn nur.
- Mobile Vollbild beim Einstieg. Googles Mobile-Interstitial-Strafe ist real – aufdringliche Pop-ups direkt nach dem Aufrufen können deinem SEO-Ranking schaden.
- Re-Triggering auf jeder Seite. Einmal weggeklickt, sollte es für die gesamte Session auch weggeklickt bleiben.
Sinnvolle Trigger
- Exit-Intent auf dem Desktop. Der Kunde will ohnehin gehen; das Pop-up hat nichts zu verlieren.
- Scroll-Tiefe (60-80 %). Der Besucher zeigt Engagement; das Pop-up bietet einen eleganten Ausstiegspunkt.
- Time on Site (30-60 Sekunden). Das Engagement-Äquivalent für Stores ohne ein starkes Scroll-Signal.
- Zweiter Pageview. Der Besucher hat echtes Interesse an zwei Produkten gezeigt.
Mobile-spezifisch
Mobile Interstitials werden für SEO von Google abgestraft. Nutze stattdessen:
- Ein Bottom-anchored Slide-up (max. 50 % des Screens)
- Eine Sticky-Bottom-Bar
- Einen Drawer, der über ein Icon getriggert wird
- Ein Inline-Formular in einem High-Engagement-Bereich
Überlagere den mobilen Viewport niemals als Fullscreen-Pop-up.
Schritt 4: Das Pop-up designen
Mobile-first
Designe immer direkt nach dem Mobile-first-Prinzip. Ein Pop-up, das auf Mobile funktioniert, klappt meistens auch auf dem Desktop. Umgekehrt gilt das nicht.
Nur ein Feld
Ausschließlich die E-Mail-Adresse. Frage nicht nach Namen, Geburtstagen oder Vorlieben. Jedes extra Feld senkt deine Capture-Rate. Nutze für mehr Daten lieber Post-Signup-Konzepte oder Progressive Profiling.
Klarer CTA
„Hol dir deine 10 % Rabatt“. Sei spezifisch. Nicht einfach nur „Abonnieren“ oder „Senden“.
Einfaches Schließen
Ein gut sichtbarer Schließen-Button. Nicht im unsichtbaren Hellgrau auf weißem Grund versteckt. Der Kunde muss in der Lage sein, das Pop-up in unter 2 Sekunden zu schließen.
Getestete Copy
Die Headline ist das A&O. „10 % Rabatt auf deine erste Bestellung“ schlägt ein „Willkommen – sichere dir 10 % Rabatt“. Spezifisch ist besser als freundlich.
Schritt 5: Implementierung
Option A: Nativer Theme-Code
Wenn du dich mit Theme-Code sicher fühlst (oder Fudge benutzt, um dein Pop-up zu definieren), solltest du es am besten direkt in das Theme einbauen. Nutze die Kunden-API von Shopify, um die E-Mail zur Kundenliste hinzuzufügen, und triggere dann den ESP Flow.
Der Vorteil: Kein App-Overhead, absolute Kontrolle, zum Theme passendes, natives Styling.
Option B: Klaviyo Forms (falls du Klaviyo nutzt)
Der native Form-Builder von Klaviyo kümmert sich um die Pop-up-Erstellung, Segmentierung und das Triggern des ESP-seitigen Flows. Bringt wesentlich weniger Overhead mit sich als eine eigenständige Pop-up App.
Option C: Privy, Optimonk, Tidio oder ähnliche Pop-up-Apps
Eigenständige Pop-up-Tools mit eigener Analytics, Segmentierung und A/B-Testing. Mehr Features als Klaviyo Forms, dafür aber mehr App-Overhead für den Store.
Option D: Shopify Email + natives Formular
Die Kundenanmeldeformulare von Shopify Email sind sehr basic, dafür aber völlig gratis. Ideal für Stores mit weniger als 500k Umsatz, die noch gar keinen eigenen ESP nutzen.
Schritt 6: Das Pop-up mit einem Welcome Flow vernetzen
Das Pop-up sammelt die E-Mail ein. Der Welcome Flow sorgt für die begehrte Conversion.
Ein einfacher Welcome Flow sieht so aus:
- Touchpoint 1 (sofort): der Rabattcode mit einem kurzen „Danke für dein Abo“ und einem starken CTA zurück in den Store.
- Touchpoint 2 (nach 24 Stunden): eine Story / Vorstellungs-E-Mail – Gründer-Stimme, Markenversprechen, Kundenfoto.
- Touchpoint 3 (nach 72 Stunden): falls noch nichts gekauft wurde: eine Erinnerung an den Rabattcode + handverlesene Empfehlung von 3 Produkten.
Ein Pop-up ohne diesen Flow verhält sich wie ein Eimer mit Loch. Sorge dafür, dass der Flow live ist, bevor du Pop-up-Traffic hochskalierst.
Für den etwas breiteren CRO-Kontext siehe dir unseren Shopify CRO Guide, 12 extrem wirksame CRO-Taktiken und die besten Shopify-Apps für CRO an.
FAQ
Ein gutes Pop-up (Exit-Intent, scroll-getriggert, mobile-friendly) tut das normalerweise nicht. Ein schlechtes Pop-up (Pre-Engagement, Mobile-Vollbild, generisches Angebot) schon. Das richtige Timing ist wichtiger als alles andere.
Wenn 2-5 % der Sessions in E-Mail-Signups konvertieren, ist das ein perfekter, gesunder Wert. Alles über 5 % ist herausragend. Ein Wert unter 1 % bedeutet fast immer, dass das Offer zu generisch oder der Trigger falsch gesetzt ist.
Nativ funktioniert am besten, wenn dir die Arbeit mit Theme-Code leichtfällt (oder du Fudge benutzt). Apps sind super, wenn du Out-of-the-box Segmentierung, A/B-Testing und ein Analytics-Dashboard haben willst. Die nativen Forms von Klaviyo sind verdammt oft der beste Mittelweg.
Ja, wenn es beim Einsieg gleich den kompletten Mobile Viewport abdeckt. Google bestraft aufdringliche, mobile Insterstitials. Setze daher lieber auf Slide-ups, Sticky-Bars oder Drawers anstelle von Fullscreen-Overlays.
„10-15 % Rabatt auf deine erste Bestellung“ siegt bei den allermeisten Stores. Kostenloser Versand reiht sich knapp dahinter ein, ganz besonders bei Low-Margin Kategorien. Das ultra-generische „Abonniere unseren Newsletter“ funktioniert so gut wie nie.
