Diese E-Mail-Popup-Beispiele unterscheiden sich darin, was sie anbieten, wie viele Informationen sie abfragen und was nach dem Schließen passiert. Einige lassen einen kleinen Weg zurück; andere bitten Besucher, die gewünschten E-Mails auszuwählen. Betrachte die Einladung und den Ausstieg immer zusammen, auch auf dem Smartphone.
Intelligentsia minimiert sein Angebot in einen kompakten Corner-Tab, wenn das Popup geschlossen wird. Ein Besucher kann surfen und später zum Formular zurückkehren. Der Tab nimmt immer noch Platz ein, daher muss seine Position neben Chat, Cookie-Bannern und Produktinformationen auf dem Smartphone geprüft werden.
Für deinen Shop
Lass einen optionalen Weg zurück zu einem geschlossenen Angebot.
REP Fitness fügt seinem Anmeldeangebot Checkboxen für Equipment, Supplements und Bekleidung hinzu. Diese Kategorien entsprechen verschiedenen Teilen des Katalogs. Die Studie hat die danach versendeten E-Mails nicht getestet, sie erfasst also nur die sichtbare Präferenzabfrage. Die Antwort sollte in der späteren Kommunikation einen Zweck erfüllen.
Für deinen Shop
Frage nach Interessen, wenn die Antwort ändert, was Abonnenten erhalten.
Proud Mary Coffee umgibt sein Popup mit einem illustrierten Rand. Die Einladung ist optisch gut erkennbar, aber das erfasste Formular fragt auch nach mehreren Kontaktfeldern. Jedes davon ist ein weiterer Schritt für den Besucher. Die Illustration kann den Charakter der Brand vermitteln, während das Formular nur die für das Angebot notwendigen Infos abfragt.
Für deinen Shop
Verleihe dem Formular Charakter und halte die Pflichtinfos verhältnismäßig.
Olli Ella kombiniert Brand-Illustrationen mit einer Rabatt-Nachricht und einem einzigen E-Mail-Feld. Ein Schließen-Button sitzt in der Ecke. Die Anfrage ist kurz genug, um sie auf einen Blick zu verstehen. Auf Mobile muss die Tastatur dennoch Platz für das Feld, die Angebotsbedingungen und den Schließen-Button lassen.
Für deinen Shop
Kombiniere ein simples Angebot mit einem kurzen Formular.
Das Split-Popup von Appointed kombiniert ein Grafik-Panel mit dem Formular. Besucher können es entweder über ein Schließen-Icon oder eine „Nein danke“-Aktion wegklicken. Die geschriebene Option macht die Ablehnung explizit. Die Studie hat nicht getestet, wann das Angebot wiederkehrt, das Timing für erneute Anzeigen bleibt also eine separate Implementierungsentscheidung.
Für deinen Shop
Gib Besuchern eine klar formulierte Möglichkeit abzulehnen.
KARHU fragt Abonnenten, ob sie Lifestyle, Running oder beides bevorzugen. Die Auswahlmöglichkeiten nutzen bekannte Teile des Sortiments, und das Popup kann ohne Antwort geschlossen werden. Für eine Brand mit unterschiedlichen Zielgruppen kann diese Frage helfen, Erwartungen an den E-Mail-Content zu setzen, sofern die darauffolgenden Nachrichten die Auswahl respektieren.
Für deinen Shop
Nutze Präferenz-Labels, die dem Content entsprechen, den die Abonnenten erhalten.
Das Signup von Story Mfg. schwebt in einer Ecke, ohne die gesamte Seite abzudunkeln. Dahinter kann man weiter surfen, und das Panel wechselt durch verschiedene Bilder. Die Platzierung schränkt ein, wie viel das Formular verdeckt, obwohl bewegte Bilder trotzdem die Aufmerksamkeit von den Produkten ablenken können. Ein statisches Bild lohnt sich beim Review als Vergleich.
Für deinen Shop
Lass das Surfen weiterhin zu und prüfe, ob Animationen mit der Seite konkurrieren.
NEST präsentiert eine Rabatt-Nachricht, ein E-Mail-Feld und einen Submit-Button in einem zentrierten Modal. Die Seite dahinter ist abgedunkelt. Die Studie hat das Trigger-Timing nicht erfasst, was wichtig ist, um zu bewerten, wie das Angebot einen Besuch unterbricht. Das Formular selbst bietet ein einfaches Layout, das man mit aufwändigeren Beispielen vergleichen kann.
Für deinen Shop
Prüfe, wann das Angebot erscheint und was es aussagt.
Mushie packt sein Angebot und das E-Mail-Feld in ein rundes Popup. In der aufgezeichneten Session blockiert das Panel die Seite, bis es geschlossen wird. Die Form macht die Einladung wiedererkennbar, lässt aber weniger Platz um die Bedienelemente. Auf kleinen Screens müssen Schriftgröße und ein sichtbarer Schließen-Button Vorrang vor den Proportionen des Kreises haben.
Für deinen Shop
Halte das Feld und den Exit innerhalb einer ungewöhnlichen Form gut lesbar.
Exploding Kittens lässt nach dem initialen Popup einen schwebenden Angebots-Button stehen. Besucher können das Formular wieder öffnen, wenn sie bereit sind, auch nachdem sie über ein Spiel gelesen haben. Seine Größe und Position dürfen die Shopping-Controls nicht verdecken. Das Wiederöffnen des Formulars sollte auch die Angebotsbedingungen erneut anzeigen.
Für deinen Shop
Lass Besucher selbst entscheiden, wann sie zum Signup zurückkehren.
OMY verwandelt sein geschlossenes Angebot in einen leuchtenden Starburst-Badge. In der Mobile-Aufnahme überlappt der Badge den Anfang des Seiteninhalts. Er bietet einen sichtbaren Weg zurück zum Signup, aber Größe und Platzierung müssen angepasst werden, um Überschriften oder Kauf-Buttons nicht zu verdecken.
Für deinen Shop
Prüfe einen Reopen-Badge gegen den darunterliegenden Content.
Studio Nicholson kombiniert ein Kampagnenfoto mit einem reduzierten Anmelde-Panel. Das Split-Layout bringt die redaktionelle Fotografie des Shops in die Einladung ein, mit einem Schließen-Button in der Ecke. Das Bild gibt dem Formular Kontext, ohne mehr Felder vom Besucher zu verlangen.
Für deinen Shop
Nutze passendes Kampagnen-Bildmaterial, um das Signup mit dem Rest des Shops zu verbinden.
Jeni's bietet neben dem Angebot und E-Mail-Feld einen Weg für bestehende Mitglieder an. Wiederkehrende Kunden haben einen anderen Startpunkt als neue Abonnenten, und das Formular berücksichtigt das. Ihr Weg sollte leicht zu finden sein, damit sie sich nicht immer wieder durch ein Signup klicken müssen, das für jemand anderen gedacht ist.
Für deinen Shop
Gib bestehenden Mitgliedern einen klaren Weg durch das Angebot.
House of Hackney bietet Muster an und fragt, ob der Besucher Privatkunde oder Designer ist. Muster helfen bei der Materialauswahl für die Einrichtung. Die Zielgruppenfrage spiegelt auch verschiedene Kundenarten wider, ihr Wert hängt aber davon ab, wie die darauffolgende Experience die Antwort nutzt.
Für deinen Shop
Wähle ein Incentive, das bei der Produktentscheidung hilft.
Lotuff nutzt ein zentriertes weißes Panel mit einem E-Mail-Feld und einem Subscribe-Button. Der erfasste Schließen-Button blendet es sofort aus. Das kurze Formular lässt dem Besucher wenig abzuarbeiten, daher ist eine klare Erklärung des Abonnements besonders wichtig: Das Angebot selbst muss die Abfrage rechtfertigen.
Für deinen Shop
Halte die Anfrage kurz und mach das Schließen des Formulars unkompliziert.
Das Angebot sollte erklären, warum jemand die E-Mails erhalten möchte, bevor du nach der Adresse fragst. House of Hackney verknüpft seine Einladung mit Produktmustern, einem praktischen Teil bei der Auswahl von Einrichtungsmaterialien. KARHU fragt, ob Abonnenten Lifestyle-Produkte, Running-Produkte oder beides bevorzugen. Diese Frage hat einen erkennbaren Zweck; die E-Mails sollten die Antwort dann auch berücksichtigen.
Vergleiche diese Anfragen mit dem einzelnen E-Mail-Feld von Olli Ella und dem längeren Formular von Proud Mary Coffee. Füge ein Feld nur hinzu, wenn die Antwort für das Angebot benötigt wird oder die Kommunikation verändert. Halte alle Bedingungen nah an der Einladung und prüfe, ob die mobile Tastatur sie oder den Senden-Button verdeckt.
Appointed bietet sowohl ein Schließen-Icon als auch eine geschriebene „Nein danke“-Aktion. Intelligentsia und Exploding Kittens hinterlassen ein kleines Bedienelement, um das Angebot nach dem Wegklicken wieder zu öffnen. Das sind zwei unterschiedliche Entscheidungen: Das Ablehnen sollte die Unterbrechung schließen, während ein Element zur Rückkehr interessierten Besuchern ermöglichen sollte, es in ihrem eigenen Tempo wieder zu öffnen.
Überprüfe den Platz, den dieses Rückkehrelement einnimmt. Das aufgezeichnete mobile Badge von OMY überlappt den Anfang des Seiteninhalts und zeigt, warum eine kleine Desktop-Verzierung auf dem Handy zu einem Hindernis werden kann. Betrachte das geöffnete Formular, den geschlossenen Zustand und die Tastatur zusammen. Die Aufnahmen zeigen nicht, wann das Popup erneut angezeigt wird. Teste dies also separat, anstatt es aus dem Screenshot abzuleiten.
Gib Besuchern Zeit, die Seite zu verstehen und zu entscheiden, ob das Angebot relevant ist. Es gibt keine einheitliche Verzögerung, die für jeden Store passt. Respektiere das Wegklicken und teste, ob das Timing beim Stöbern stört.
Frage nach den Informationen, die für das Angebot benötigt werden. Eine Frage zu den Präferenzen lohnt sich, wenn sie beeinflusst, welche E-Mails ein Abonnent erhält; andernfalls macht sie die Anmeldung nur aufwendiger.
Ein kleiner, optionaler Button oder Tab kann das Formular wieder öffnen. Prüfe, ob er keine Seiteninhalte verdeckt, und vermeide es, das Popup während derselben Browsing-Sitzung automatisch wieder zu öffnen.
Es ist ein Anmeldeformular, das über oder neben der Seite erscheint, um einen Besucher zum Abonnieren einzuladen. In diesen Beispielen kann die Einladung einen Rabatt, Produktmuster oder eine Auswahl an E-Mail-Themen umfassen. Es sollte auch erklären, wie man ablehnt.
Nein. Die Einladung braucht einen Grund für das Abo, den der Store auch liefern kann. Produkt-Updates, relevante Präferenzen oder Zugang zu Produktmustern können Teil dieser Erklärung sein. Formuliere das Angebot klar, anstatt dich nur auf das Formular-Design zu verlassen.
Gib Fudge ein Ziel und eine Referenz. Das Tool schlägt Änderungen für deinen Shop vor, erstellt einen Entwurf in deinem Shopify-Theme und gibt dir Rückmeldung. Du überprüfst jede Änderung, bevor sie live geht.
Sieh dir an, wie der Shop-Editor funktioniert