🛠️ Wie ich ein benutzerdefiniertes Shopify-Popup ohne Apps erstellt habe
Teilen
Geschrieben von Luis – Gründer von Luis's Locker
Als ich Luis's Locker gründete, wollte ich nicht nur eine Bekleidungsmarke – ich wollte ein Erlebnis schaffen. Das bedeutete, dass jedes Pixel, jeder Klick und jedes Scrollen markengerecht sein musste. Als es also darum ging, E-Mails zu sammeln, gefielen mir die generischen, einheitlichen Newsletter-Leisten am unteren Ende der Seite nicht.
Und ich war definitiv nicht bereit, 10–20 $/Monat für eine Popup-App zu bezahlen.
Also habe ich meine eigene gebaut. 💻🔥
🚫 Warum ich die Standard-Newsletter-Anmeldung abgeschafft habe
Die Standard-Newsletter-Leiste von Shopify war am unteren Ende der Seite versteckt – leicht zu übersehen. Sie passte nicht zu meinem Vibe, erlaubte mir keine Anpassung von Animationen, und das Schlimmste… sie konvertierte nicht.
Ich wollte etwas, das:
- Sauber aussah
- Zu meinem Branding passte
- Nicht auf externe Apps angewiesen war
- Direkt angezeigt werden konnte, wenn jemand auf der Seite landete
⚙️ Wie ich es gemacht habe (Keine App erforderlich)
Das habe ich getan:
- Den Standard-Newsletter-Bereich entfernt
- Meinen eigenen Liquid + HTML-Code geschrieben
- Mit benutzerdefiniertem CSS gestylt
- Mit der nativen E-Mail-Erfassung von Shopify verknüpft
Ich habe ein Modal-Popup erstellt, das:
- Nach ein paar Sekunden angezeigt wird
- E-Mails wie gewohnt sammelt
- Automatisch ausgeblendet wird, sobald es abgeschickt wurde
- Zu 100 % wie ein Teil von Luis's Locker aussieht
Wenn Sie neugierig auf den vollständigen Code sind, habe ich ihn hier auf GitHub veröffentlicht.
📈 Die Ergebnisse
Nach der Liveschaltung sah ich:
- Höhere Anmelde-Konversionen
- Mehr Kontrolle über den Stil
- Keine monatlichen Kosten
- Ein reibungsloseres, markengerechtes Erlebnis für Besucher
Ehrlich gesagt, könnte dies einer der am meisten unterschätzten Schritte sein, die ich für die Website unternommen habe.
👇 Möchten Sie so etwas?
Wenn Sie Ihre eigene Marke betreiben und ein sauberes Popup wünschen, ohne dass überladene Apps Ihren Shop verlangsamen, melden Sie sich bei mir. Oder sehen Sie sich an, wie wir unter folgendem Link noch mehr Feuer machen:
📣 Bonus: Warum wir es anders machen
Luis's Locker entstand aus Leidenschaft, Versuch und Irrtum und harter Arbeit – nicht nur durch das Anbieten von Produkten, sondern durch die Gestaltung jedes Teils der Kundenreise.
Vom Popup-Code bis zu pixelgenauen Spielerlebnissen wie der Drip Drop Challenge ist alles mit Absicht gebaut.
Den Code können Sie hier jederzeit kaufen, um ihn in den Code Ihres Website-Themes zu kopieren und einzufügen.
⚡ Benutzerdefiniertes E-Mail-Anmelde-Popup – Keine App erforderlich
Überspringen Sie den Ärger mit dem App Store. Fügen Sie Ihrem Shopify-Shop sofort ein sauberes, anpassbares E-Mail-Popup hinzu – komplett mit Rabattanzeige, Scroll-/Exit-Triggern und Theme-Steuerung. Keine Abonnements, nur reine Konversionen.