Newsletter-Element verwenden
Ultimate Popups liefert ein Newsletter-Anmeldeelement für den Editor der Erlebniswelten (CMS). Platzieren Sie es in einem Popup – oder auf jeder CMS-Seite –, um Abonnenten zu gewinnen, und belohnen Sie optional jeden bestätigten Abonnenten mit einem Gutscheincode per E-Mail.
Das Element nutzt das native Newsletter-Backend von Shopware. Abonnenten landen also in der Standardliste unter Marketing → Newsletter-Empfänger und folgen Ihrer Einstellung zum Newsletter-Double-Opt-in. Es werden keine Daten außerhalb von Shopware gespeichert.
Die zwei fertigen Blöcke
Wenn Sie das CMS-Layout eines Popups bearbeiten, öffnen Sie die Block-Seitenleiste und wählen die Kategorie Ultimative Popups. Zwei Blöcke sind vorkomponiert, sodass Sie sie in einem Schritt platzieren können:
| Block | Layout |
|---|---|
| Newsletter-Anmeldung | Ein Text-Slot (Überschrift / Text) über dem Newsletter-Formular. Einspaltig. |
| Newsletter mit Bild | Ein Bild links und Text + Formular rechts. Unterhalb des md-Breakpoints wird das Bild oben gestapelt. |
Beide Blöcke enthalten dasselbe Newsletter-Formular-Element – die Blöcke ordnen es lediglich an. Für ein anderes Layout können Sie auch das nackte Newsletter-Formular-Element in einen beliebigen Block oder eine CMS-Seite ziehen; es ist ein eigenständiges Element und bringt seine eigenen Abstände mit.
Sie brauchen ein völlig individuelles Layout?
Diese zwei Blöcke decken die häufigsten Fälle ab. Wenn Sie Newsletter-Layouts darüber hinaus möchten – andere Spaltenaufteilungen, Hintergrundbilder, individuelle Anordnung oder das Formular kombiniert mit anderen Inhalten – können Sie mit unserem Block-Builder-Plugin eigene CMS-Blöcke erstellen und das Newsletter-Formular-Element hineinziehen. Da das Element eigenständig ist, funktioniert es in jedem selbst zusammengestellten Block.
Im Shopware Store ansehen.
Das Formular konfigurieren
Wählen Sie das Newsletter-Element aus, um sein Konfigurationsfeld zu öffnen.
| Einstellung | Wirkung |
|---|---|
| Nach Namen fragen | Standardmäßig aus (nur E-Mail). Aktivieren, um zusätzlich Anrede, Vor- und Nachname zu erfassen. |
| Button-Beschriftung | Text auf dem Absende-Button. Standard ist ein übersetztes „Abonnieren". |
| Button-Farbe | Hintergrundfarbe des Absende-Buttons. Leer lassen, um die primäre Button-Farbe des Themes zu verwenden. |
| Button-Textfarbe | Textfarbe des Absende-Buttons. Leer lassen, um das Theme zu übernehmen. |
| Text-Farbe | Farbe der Formular-Beschriftungen und -Texte. Leer lassen, um das Theme zu übernehmen; für dunkle Hintergründe eine helle Farbe wählen. |
| Erfolgsmeldung | Rich-Text-Meldung, die nach erfolgreichem Absenden anstelle des Formulars angezeigt wird. Standard ist ein Hinweis „Bitte bestätigen Sie Ihre Anmeldung per E-Mail". |
| Mit Gutschein belohnen | Standardmäßig aus. Aktivieren, um nach der Bestätigung der Anmeldung einen Gutscheincode per E-Mail zu senden – siehe unten. |
| Aktion | Wird angezeigt, wenn der Gutschein-Schalter an ist. Wählen Sie die Aktion (Promotion), deren Code die Abonnenten erhalten. |
Das Formular enthält immer den Datenschutzhinweis / die Einwilligung der Storefront sowie das konfigurierte Captcha – genau wie das native Newsletter-Formular von Shopware.
Das Styling bleibt flexibel. Das Element trägt nur die eigene Formular-Rhythmik; das Layout kommt vom umgebenden Block, und Popup-spezifischer Feinschliff ist auf Popups beschränkt. Button-Farben werden über Bootstraps eigene Button-Variablen angewendet, sodass Hover- und Aktiv-Zustände konsistent bleiben. Abstände lassen sich über die CSS-Variablen
--ssd-newsletter-padding,--ssd-newsletter-gapund--ssd-newsletter-max-widthim Feld „Eigenes CSS" des Popups feinjustieren.
Abonnenten mit einem Gutschein belohnen
Aktivieren Sie Mit Gutschein belohnen und wählen Sie eine Aktion. Nachdem ein Abonnent seine Anmeldung bestätigt hat, erzeugt das Plugin den Code und versendet ihn automatisch per E-Mail.
1. Zuerst eine einlösbare Aktion anlegen
Der Gutschein ist Ihre bestehende Shopware-Aktion – das Popup übergibt jedem Abonnenten nur einen Code dafür. Stellen Sie vor der Auswahl sicher, dass die Aktion unter Marketing → Aktionen wirklich nutzbar ist:
- Aktiv ist eingeschaltet.
- Sie hat mindestens einen Rabatt.
- Sie ist den Verkaufskanälen zugewiesen, in denen das Popup läuft.
- Sie liegt innerhalb ihres Gültigkeitszeitraums (oder hat keinen).
- Ein Code-Modell ist gewählt:
- Individuelle Codes (aus einem Muster) – jeder Abonnent erhält einen eindeutigen Code.
- Fester Code – jeder Abonnent erhält denselben gemeinsamen Code.
Schutzmechanismus. Ist die gewählte Aktion nicht einlösbar (inaktiv, kein Rabatt oder nicht für den Verkaufskanal des Popups freigegeben), versendet das Plugin keinen funktionslosen Code. Es überspringt die Zustellung und schreibt eine Warnung ins Log, damit Sie die Aktion fertig konfigurieren können. So erhalten Abonnenten keinen Code, der an der Kasse fehlschlägt.
2. Die E-Mail ist bereits eingerichtet
Bei der Installation liefert – und aktiviert – das Plugin alles Nötige, um den Code zuzustellen, es ist also kein Flow zu erstellen:
- Eine E-Mail-Vorlage „Newsletter-Gutscheincode" (Einstellungen → E-Mail-Vorlagen), die den Code über die Variable
einbindet. Der Text ist frei anpassbar. - Ein aktiver Flow „Ultimate Popups: Send newsletter voucher code", gebunden an das Ereignis Gutschein zugewiesen des Plugins. Er bleibt inaktiv, bis tatsächlich ein Gutschein zugewiesen wird, und versendet daher nie unerwartete E-Mails.
Zum Erweitern (zweite Aktion hinzufügen, Empfänger ändern usw.) erscheint der Auslöser im Flow Builder unter Ultimative Popups → Newsletter → Gutschein zugewiesen.
Double-Opt-in: beide Modi werden abgedeckt
Der Ablauf passt sich automatisch Ihrer Einstellung zum Newsletter-Double-Opt-in an (Einstellungen → Newsletter, pro Verkaufskanal) – Sie konfigurieren nichts:
- Double-Opt-in EIN – der Abonnent erhält die Bestätigungs-E-Mail von Shopware, und der Gutschein wird nach dem Klick auf den Bestätigungslink erzeugt und versendet. Die nach der Bestätigung angezeigte Seite ist die Standard-Bestätigungsseite von Shopware.
- Double-Opt-in AUS – die Anmeldung wird beim Absenden sofort aktiv, und die Gutschein-E-Mail wird umgehend versendet, ohne Bestätigungsschritt.
In beiden Fällen wird der Code pro Abonnent nur einmal erzeugt.
Das Popup blendet sich nach der Anmeldung selbst aus
Sobald sich ein Besucher über ein Popup erfolgreich angemeldet hat, wird ihm dieses Popup im selben Browser nicht erneut angezeigt – auch wenn seine Anzeigefrequenz Immer ist. Dies ist ein pro Popup gesetztes Kennzeichen im localStorage (ssd_popup_signup_<popup-id>), das andere Popups nie beeinflusst; ein Popup ohne Newsletter-Formular setzt es nie.
Für die geräteübergreifende Ausblendung angemeldeter Kunden fügen Sie die Shopware-Regel „Ist Newsletter-Empfänger" zu den Auslöseregeln des Popups hinzu (optional mit „Kunde angemeldet = Nein" ODER-verknüpft, damit anonyme Besucher es weiterhin sehen). Siehe Häufigkeit und Cookie-Regeln festlegen.
Es ist keine zusätzliche Cookie-Einwilligung erforderlich – das Anmelde-Kennzeichen ist eine rein funktionale Anzeigepräferenz wie die anderen Frequenz-Kennzeichen und bereits von der Required-Cookie-Gruppe abgedeckt.
Kurzanleitung
- Marketing → Aktionen – eine Aktion anlegen, die aktiv ist, einen Rabatt hat und für Ihren Verkaufskanal freigegeben ist; individuelle oder feste Codes wählen.
- Content → Ultimative Popups – ein Popup anlegen und dessen CMS-Layout öffnen.
- Den Block Newsletter-Anmeldung oder Newsletter mit Bild hinzufügen (Kategorie Ultimative Popups).
- Am Element Button-Beschriftung/-Farben und Erfolgsmeldung setzen; Mit Gutschein belohnen aktivieren und Ihre Aktion wählen.
- Speichern. Abonnenten bestätigen nun gemäß Ihrer Opt-in-Einstellung und erhalten ihren Code per E-Mail.
Siehe auch
- Ein Popup erstellen – jedes Feld im Popup-Editor
- Häufigkeit und Cookie-Regeln festlegen – wie Anmelde-Ausblendung und Frequenz-Caps zusammenwirken
- Darstellung konfigurieren – Modalgröße und responsive Varianten der Popup-Hülle
- Eigenes CSS – das Styling des Popups verfeinern