Wie lege ich ein Newsletter Formular an

Eine der Basics einer Webseite ist die Anmeldung zu einem Newsletter.

Das reguläre Setup ist ein E-Mail Eingabefeld und einen Absende Button. Nach dem Absenden wird einen Verifizierung E-Mail versendet und über einen Link die E-Mail Adresse bestätigt.

Vorbereitung des E-Mail Templates

Für die Auswahl des E-Mail Template im Formular, sollte das Template vorab angelegt werden. Für den Anfang reicht folgendes Template:

How to setup a newsletter subscription - Step 1 - Email template

Setup des Formulars

Die Basis ist die Erstellung des Formulars. Das Formular benötigt ein Textfeld und einen Absende Button. Das Textfeld wird als E-Mail Feld genutzt und sollte auf 'Required' gesetzt sein. Dein Formular sollte wie folgt aussehen:

How to setup a newsletter subscription - Step 1 - Form

Submit Actions setzen

Für einen Verifizierungsprozess ist es wichtig, dass es zwei Submit Actions git. Die erste ist die 'Create Customer' Action. Diese Submit Action legt ein 'Customer' Objekt an, welches beim verifizieren aktualisiert wird. Über die E-Mail Adresse können die 'Customer' zugeordnet werden.

Als zweite Submit Action wird 'Send Mail' benötigt, welche als Verifizierungs E-Mail genutzt wird. In dem zweiten 'To' Feld muss der 'Internal Name' des E-Mail Felds eingetragen werden.

How to setup a newsletter subscription - Step 1 - Submit actions

Der Kunde wird nach dem Absenden des Formulars eine E-Mail mit einem Verifizierunglink erhalten.

Verifizierungs Interaktion anlegen

Der letzte Schritt ist das Anlegen eines Interaktion um den Status der Verifizierung des 'Customers' zu setzen. In unserem Test setzen wir den Wert auf '1'. Es kann alternativ ein anderer Wert gewählt werden. Das Feld für die Verifizierung wird in der Interaktion ausgewählt.

How to setup a newsletter subscription - Step 1 - Interaction field

Die angelegt Interaktion muss noch als Snippet auf der Verifizierungsseite eingebunden werden. Es sind keine weiteren JavaScript Bibliotheken notwendig.

How to setup a newsletter subscription - Step 1 - Interaction snippet

Bei dem Einfügen des Snippets in die Seite, der Wert für das Verifizierungsfeld muss jedoch händisch im Snippet gesetzt werden. Der Wert steht standardmäßig auf '[SET VALUE HERE]'. Diesen Wert kann durch bspw. '1' ersetzt werden.

Wenn der Benutzer die Anmeldung verifiziert hat, ist der Wert in den Kundendaten entsprechend des Values gesetzt.

Artikel und Links die für dich interessant sein können:

Wie erstelle ich ein Formular Wie erstelle ich ein E-Mail Template Interactions Customer