Ein Shopify-Newsletter-Popup hinzufügen, ohne die Conversion zu beeinträchtigen

Zuletzt aktualisiert
•
Von Experten geprüft
•
5 Min. Lesezeit

Key Takeaways

  • Ein gutes Newsletter-Popup fängt oft 2-5 % der Sessions ein, ohne die Conversion zu beeinträchtigen. Ein schlechtes ruiniert beide Metriken und trainiert die Besucher darauf, nach dem Schließen-Button zu suchen.
  • Das Timing entscheidet am meisten über die Wirkung eines Popups. Pre-Engagement-Popups (unter 5 Sekunden) schaden der CR fast immer. Post-Engagement-Popups (30-60 Sekunden Scrollen, Exit-Intent) meistens nicht.
  • Das Angebot ist wichtiger als das Design. „10 % Rabatt auf deine erste Bestellung“ konvertiert meist viel besser als „Abonniere unseren Newsletter“.
  • Auf Mobilgeräten schneidet ein nativer Theme-Drawer / ein Inline-Formular meist besser ab als ein Popup, das den Bildschirm überlagert.

Um ein Shopify-Newsletter-Popup hinzuzufügen, das den Umsatz nicht beeinträchtigt, zeige es erst nach einer gewissen Interaktion an (Exit-Intent, 60-80 % Scroll-Tiefe oder 30-60 Sekunden), biete einen Rabatt auf die erste Bestellung an, frage nur nach der E-Mail-Adresse und verwende auf Mobilgeräten ein Slide-up. Die folgenden Schritte behandeln jede Option und die Tools, mit denen du sie umsetzt.

Warum du uns vertrauen kannst

Jacques hat über 15 Jahre Entwicklungserfahrung, und wir arbeiten seit vier Jahren im Shopify-Ökosystem. Wir entwickeln Fudge, den KI-Operator für Shopify-Shops, mit einer 4.9-Bewertung im Shopify App Store. Er schreibt das Storefront-Setup für die E-Mail-Erfassung als nativen Code, und wir haben bereits vielen Shops geholfen, ihre Popup-Trigger über verschiedene Kategorien hinweg zu optimieren.


Schritt 1: Überlege, ob du wirklich ein Popup brauchst

Popups sind immer ein Kompromiss beim Markenvertrauen. Sie steigern die E-Mail-Erfassung; bei falschem Timing können sie jedoch die Conversion Rate auf Session-Ebene verschlechtern.

Du brauchst wahrscheinlich eines, wenn:

  • Deine E-Mail-Liste weniger als 5 % deines monatlichen Traffics ausmacht
  • Deine Wiederkaufrate hoch ist (die E-Mail zahlt sich also aus)
  • 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 groß ist
  • Deine Kategorie keine Rabattangebote zulässt (Luxusgüter, stark regulierte Produkte, B2B)
  • Die On-Page-E-Mail-Erfassung (Footer-Formular, Aufforderung zur Kontoerstellung) gut funktioniert

Für einen strengeren Ansatz: Verzichte auf das modale Popup und verwende stattdessen ein Sticky-Inline-Formular in einem Bereich mit viel User-Engagement.


Schritt 2: Welches Popup-Angebot funktioniert am besten?

Neben dem Timing ist das Angebot der größte Hebel.

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.

Du willst dein E-Mail-Capture direkt ins Theme integriert und nicht drangestöpselt?
Kostenlose Testversion starten

Schritt 3: Wann sollte ein Shopify-Popup erscheinen?

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 Popup hat also nichts zu verlieren. Sieh dir unseren vollständigen Guide zu Exit-Intent-Popups an.
  • Scroll-Tiefe (60-80 %). Der Besucher zeigt Engagement; das Popup ist ein eleganter Exit-Punkt.
  • Verweildauer (30-60 Sekunden). Das Engagement-Äquivalent für Shops ohne starkes Scroll-Signal.
  • Zweiter Seitenaufruf (Pageview). Der Besucher hat Interesse an zwei Produkten gezeigt.

Mobile-spezifisch

Nutze:

  • Ein am unteren Rand verankertes Slide-up (max. 50 % des Bildschirms)
  • Eine Sticky-Bottom-Bar
  • Einen Drawer, der durch ein Icon ausgelöst wird
  • Ein Inline-Formular in einem Bereich mit viel User-Engagement

Verdecke auf Mobilgeräten nicht den gesamten Viewport mit einem Popup.


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 auskennst (oder den Popup-Builder von Fudge nutzt, um das Popup zu beschreiben), implementiere es direkt im Theme. Wenn du es manuell machst, nutze den Liquid-Tag {% form 'customer' %}, um die E-Mail zu deiner Kundenliste hinzuzufügen, und löse dann den Flow deines ESPs aus.

Mit Fudge beschreibst du einfach das Angebot und das Timing („ein Welcome-Popup mit 10 % Rabatt für Erstbesucher, nach 40 Sekunden, niemals im Checkout“). Fudge erstellt das Popup dann als Entwurf in deinem Theme, und sobald du Klaviyo verbindest, landen die Anmeldungen in der von dir gewählten Liste. Klaviyo verschickt weiterhin die E-Mails. Nach dem Launch trackt Fudge die Anmeldungen und was diese Abonnenten kaufen, und schlägt Änderungen an Angebot, Timing oder den Seiten vor.

Der Vorteil: Kein App-Overhead, volle Kontrolle und ein Theme-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, Justuno oder eine ähnliche Popup-App

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 Forms (kostenlos)

Die kostenlose Forms-App von Shopify fügt Popups und Inline-Anmeldeformulare hinzu, die Shopify Email speisen. Sehr grundlegend, aber kostenlos. Geeignet für Shops mit weniger als 500.000 $ Umsatz, die noch keinen speziellen 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:

  1. Touchpoint 1 (sofort): der Rabattcode mit einem kurzen „Danke für dein Abo“ und einem starken CTA zurück in den Store.
  2. Touchpoint 2 (nach 24 Stunden): eine Story / Vorstellungs-E-Mail – Gründer-Stimme, Markenversprechen, Kundenfoto.
  3. 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

Wird ein Newsletter-Popup meine Shopify Conversion Rate verschlechtern?

Ein gutes Popup (Exit-Intent, scroll-getriggert, mobilfreundlich) tut das normalerweise nicht. Ein schlechtes Popup (Pre-Engagement, mobiler Vollbildmodus, generisches Angebot) schon. Das Timing ist hierbei der entscheidende Faktor.

Welche Conversion Rate kann ich von einem Popup erwarten?

2-5 % der Sessions, die zu einer E-Mail-Anmeldung konvertieren, sind ein guter Wert. Alles über 5 % ist außergewöhnlich. Unter 1 % bedeutet meist, dass das Angebot zu generisch oder der Trigger falsch ist.

Sollte ich eine Popup-App verwenden oder es nativ bauen?

Nativ funktioniert gut, wenn du dich mit Theme-Code auskennst (oder Fudge nutzt, was auch Anmeldungen und die dadurch generierten Bestellungen trackt). Apps eignen sich, wenn du Out-of-the-Box-Lösungen für Segmentierung, A/B-Tests und Analytics-Dashboards willst. Die nativen Formulare von Klaviyo sind oft ein guter Mittelweg.

Wird ein mobiles Popup meiner SEO schaden?

Ja, wenn es beim Betreten der Seite den gesamten mobilen Viewport verdeckt. Google straft aufdringliche mobile Interstitials ab. Nutze besser ein Slide-up, eine Sticky-Bar oder einen Drawer statt eines Vollbild-Overlays.

Was ist das beste Popup-Angebot?

„10-15 % Rabatt auf deine erste Bestellung“ funktioniert bei den meisten Shops am besten. Kostenloser Versand ist ein knapper zweiter Platz für Kategorien mit niedrigen Margen. Ein generisches „Abonniere unseren Newsletter“ funktioniert so gut wie nie.

Jacques's signature
Bist du bereit, E-Mail-Erfassung ohne App-Ballast hinzuzufügen?

You might also be interested in

Jacques Blom
Jacques Blom
CTO bei Fudge.