Wichtigste Erkenntnisse
- Ein gutes Newsletter-Popup erfasst 2-5 % der Sessions und steigert die Conversion. Ein schlechtes drückt beide Metriken nach unten und trainiert die Besucher nur darauf, den Schließen-Button zu suchen.
- Der größte Erfolgsfaktor eines Popups: wann es ausgelöst wird. Pre-Engagement-Popups (unter 5 Sekunden) schaden der CR fast immer. Post-Engagement-Popups (30-60 Sekunden Scrollen, Exit-Intent) tun das in der Regel nicht.
- Das Angebot ist wichtiger als das Design. „10 % Rabatt auf deine erste Bestellung“ schlägt „Abonniere unseren Newsletter“ um Längen.
- Auf Mobilgeräten schneiden ein nativer Theme-Drawer oder ein Inline-Formular meist besser ab als ein Popup, das sich über den ganzen Bildschirm legt.
Dieser Guide zeigt dir, wie du ein Newsletter-Popup richtig in deinen Shopify-Store einbaust – und zwar so, dass du die E-Mail-Adresse gewinnst, ohne den Verkauf 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 Popup (Exit-Intent, scroll-getriggert, Mobile-friendly) normalerweise nicht. Ein schlechtes Popup (Pre-Engagement, Mobile Fullscreen, generisches Angebot) schon. Das Timing ist hier das Wichtigste.
Wenn 2-5 % der Sessions zu einem E-Mail-Signup führen, ist das ein gesunder Wert. Alles über 5 % ist herausragend. Unter 1 % bedeutet meist, dass das Angebot zu generisch oder der Trigger falsch eingestellt ist.
Nativ funktioniert super, wenn du dich mit Theme-Code auskennst (oder Fudge nutzt). Apps lohnen sich, wenn du out-of-the-box Segmentierung, A/B-Testing und ein Analytics-Dashboard brauchst. Die nativen Formulare von Klaviyo sind oft ein guter Kompromiss.
Ja, wenn es beim Einstieg den Mobile-Viewport verdeckt. Google straft aufdringliche mobile Interstitials ab. Nutze lieber ein Slide-up, eine Sticky-Bar oder einen Drawer anstelle eines Fullscreen-Overlays.
„10-15 % Rabatt auf deine erste Bestellung“ gewinnt in den meisten Stores. Kostenloser Versand ist bei Kategorien mit niedrigen Margen ein starker Zweiter. Ein simples „Abonniere unseren Newsletter“ funktioniert so gut wie nie.
