So verwendest du das Double-Opt-in für Contact Form 7, Avada und Elementor (v2.3.1)

Mit unserem Plugin Forge12 Double-Opt-in für Contact Form 7 erweiterst du das Plugin Contact Form 7, Elementor und das Theme Avada um ein zusätzliches Opt-in System (DOI). Die Light Version kannst du direkt aus dem WordPress-Plugin Repository installieren (Link).

Es sind lediglich wenige, einfache Schritte notwendig, um dein Formular bzw. deine WordPress Formulare umzustellen.

Gerne kannst du auch das Video anschauen, dieses wurde für Version 2.11 aufgezeichnet:

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

YouTube immer entsperren

Double-Opt-in Plugin installieren #

Als Erstes muss das Plugin über den WordPress-Plugin-Manager installiert werden. Hierzu wechselst du im Backend deiner WordPress Webseite einfach zum Menüpunkt Plugins und wählst dort in der Unternavigation den Menüpunkt Installieren aus (WordPress Dashboard > Plugins > Installieren).

Über die Schaltfläche Plugin hochladen kannst du das Plugin auf deinen Server hochladen.

Anschließend betätigst du noch die Schaltfläche “aktiveren”, um das Contact Form 7 Double-Opt-in Plugin bei WordPress zu registrieren.

Double-Opt-in konfigurieren #

Nach der Installation des Plugins stehen deinen Contact Form 7 Formularen, den Avada Forms und dem Elementor Forms neue Einstellungen zur Verfügung.

Konfigurieren von Contact Form 7 Formularen #

Um deine Contact Form 7 Formulare zu konfigurieren, wechselst du zunächst zu Formulare > Kontaktformulare > [beliebiges_formular] bearbeiten. Anschließend wählst du den Reiter Double-Opt-In aus.

Dort kannst du alle relevanten Einstellungen für das Double-Opt-in-Verfahren festlegen. Hier ein Beispiel, für die Konfiguration des Opt-Ins:

Parameter	Beschreibung
Enable	Durch das setzen der Checkbox wird das Double-Opt-in für das Formular aktiviert.
Category	Diese Option ermöglicht es dir, eine Kategorie für alle über dieses Formular durchgeführten Opt-in festzulegen. Alle Opt-in werden dann dieser Kategorie zugeordnet. Die Kategorie kann über die Opt-in Einstellungen erstellt werden.
Dynamic Condition	Dieses Feld hilft erlaubt es dir, das Opt-in nur dann zu aktivieren, wenn eine Checkbox gesetzt oder ein Feld ausgefüllt wurde. Das System schaltet dann automatisch zwischen einem Opt-in Formular und einem Standard-Formular um.
Confirmation Page	Das Auswahlfeld erlaubt es dir, eine individuelle Bestätigungsseite festzulegen, die dem Besucher nach dem Durchführen des Opt-in angezeigt wird.
To	In diesem Feld muss der Platzhalter für den Contact Form 7 Tag des Opt-in Empfängers festgelegt werden. Z.B.: [email], [your-email].
From	Das Feld erlaubt es dir, einen individuellen Absender anzugeben. Gibst du hier keinen Absender ein, werden die WordPress Standardeinstellungen verwendet. Beispiel: Max Mustermann <[_site_admin_email]> oder [_site_title] <[_site_admin_email]> oder Max Mustermann <info@max-mustermann.de>
Subject	Der Betreff der Opt-in E-Mail.
Template	Per Klick kann eine E-Mail Vorlage für die Opt-in Mails ausgewählt werden. Alternativ kann im Message Body auch ein individuelles HTML erstellt werden.
Message Body	Der Inhalt der Double-Opt-in Mail. Hier kann ebenfalls HTML verwendet werden. Damit das Double-Opt-in funktioniert, muss der Shortcode [doubleoptinlink] als Link integriert werden, z.B.: &st;a href=”[doubleoptinlink]”&gt;Bestätigen&st;/a&gt; Shortcode: [doubleoptinlink] Dieser generiert automatisch den Bestätigungslink für das Double-Opt-in.

Ebenso stehen dir, neben den Standard Contact Form 7 Tags, weitere Shortcodes für die Verwendung im Message Body zur Verfügung:

WordPress Shortcode	Beschreibung
[doubleoptinlink]	Erstellt den Link, der für die Ausführung des Opt-in verantwortlich ist.
[doubleoptin_form_url]	Enthält den Pfad zum Formular, welches vom Besucher ausgefüllt wurde, um den Opt-in Prozess zu starten.
[doubleoptin_form_subject]	Der Betreff des Double-Opt-in Formulars.
[doubleoptin_form_date]	Das Datum, wann das Opt-in durchgeführt wurde.
[doubleoptin_form_time]	Die Uhrzeit, wann das Opt-in durchgeführt wurde.
[__site_admin_email]	Die WordPress E-Mail-Adresse
Contact Form 7 Tags	Es stehen für die Opt-in E-Mail auch alle Contact Form 7 Felder zur Verfügung.

Konfigurieren von Avada Forms Formularen #

Um das Opt-In für deine Avada Forms Formulare zu aktivieren, wechselst du zunächst Avada > Forms > [beliebiges_formular] bearbeiten.

In den Formularoptionen findest du einen neuen Reiter mit der Beschriftung Double-Opt-In mit allen Konfigurationsoptionen.

Gehe folgendermaßen vor, um das Opt-In zu konfigurieren:

1. Aktiviere das Double Opt-In für das gewünschte Formular durch das setzen der Checkbox bei Enable.
2. Gib als Nächstes bei To den “Field Name” ein, der die E-Mail-Adresse des Empfängers enthält.
3. Gebe den Absender der E-Mail in das Feld From ein, z.B.: meine-mail@domain.de. Du kannst alternativ den Platzhalter [_site_admin_email] hinterlegen. Hierdurch wird automatisch die in den Einstellungen festgelegte E-Mail verwendet.
4. Als Nächstes fügst du einen Betreff (Subject) für die E-Mail ein, z.B.: Bestätigte bitte deine Anmeldung.
5. Zuletzt wählst du noch das gewünschte Template aus oder erstellst eine eigene HTML-Vorlage Beachte hierbei, dass du den Shortcode für den Opt-In Link in einer eigenen Vorlage selbst hinzufügen musst.

Durch das Speichern wird das Double-Opt-In für das Formular aktiviert. Nun muss der Besucher zunächst die E-Mail verifizieren.

Dir stehen außerdem zwei optionale Einstellungen zur Verfügung:

• Confirmation Page: Verknüpfe eine Seite, auf die der Besucher nach dem Opt-In weitergeleitet wird.
• Category: Lege eine Kategorie fest, denen alle Opt-Ins des Formulars zugeordnet werden.

Wichtig: Damit das Double-Opt-In greift, musst du sicherstellen, dass du im Tab Submission den Submission Type auf Send To Email oder auf Save to Database and Send to Email geändert hast, andernfalls wird keine E-Mail versendet.

Hinweis: Den “Field Name” für die E-Mail-Adresse findest du durch das Bearbeiten des Feldes heraus.

Konfigurieren von Elementor Formularen #

Wechsel auf die Seite, die dein Formular beinhaltet und öffne diese in Elementor. Anschließend wählst du das Formular zum Bearbeiten aus.

Um das Double-Opt-In zu verwenden. Wechselst du auf den Reiter Aktionen nach dem Versenden. Wähle als Optionen Forge12 Double Opt-In und E-Mail aus.

Nach der Aktivierung erscheinen die Reiter für die Einstellungen des Double-Opt-Ins.

Füge in das Feld To den Namen des Feldes ein, aus dem die E-Mail-Adresse des Empfängers ausgelesen werden soll, z.B.: email

Anschließend kannst du einen Betreff eingeben, z.B.: Bitte bestätige deine Anmeldung.

Für den Inhalt der Opt-In Mail stehen dir 3 Templates zur Verfügung. Alternativ kannst du auch eine eigene Vorlage erstellen. Hierfür wählst du “Custom” aus und gibst deinen HTML-Code in das neue Feld ein.

Als Letztes gibst du noch den Absendernamen (Von Name, z.B.: Max Mustermann) und die Absenderadresse (Von E-Mail, z.B.: max.mustermann@domain.de) ein.

Sobald du die Einstellungen vorgenommen hast und die Seite speicherst, ist das Double-Opt-In für das Formular aktiviert.

So funktioniert das Double-Opt-in System #

Mit dem Aktivieren des Double-Opt-in Systems verändert sich auch das Verhalten des Formulars.

Benutzer bestätigt Double-Opt-in #

Diese Schritte werden ausgeführt, im Fall, dass der Benutzer das Double-Opt-in bestätigt:

1. Double-Opt-in Mail wird versendet
2. Besucher bestätigt den Double-Opt-in Link
3. Double-Opt-in Informationen werden gespeichert
4. Normale E-Mail (1) wird verschickt
5. Normale E-Mail (2) wird verschickt – falls diese aktiviert wurde.

Benutzer bestätigt Double-Opt-in nicht #

Diese Schritte werden ausgeführt, im Fall, dass der Benutzer das Double-Opt-in nicht bestätigt:

1. Double-Opt-in Mail wird versendet
2. Besucher bestätigt den Link nicht innerhalb von 7 Tagen
3. Daten werden gelöscht

Alte Daten werden durch einen WP Cron Job automatisch nach der von dir gewählten Zeit gelöscht. Dir stehen hier verschiedene Auswahlmöglichkeiten zur Verfügung.

Welche Daten werden gespeichert #

Ein Double-Opt-in muss protokolliert werden. Dadurch wird sichergestellt, dass die E-Mail auch wirklich dem Empfänger zugeordnet werden kann.

Hierfür speichert unser Plugin einige Informationen ab. Die Informationen können jederzeit über Werkzeuge / Forge12 Double-Opt-in eingesehen werden.

Parameter	Beschreibung
Form ID	Der Link und die ID, für das der Benutzer seine Einwilligung erteilt hat.
E-Mail	Die vom Besucher verwendete E-Mail beim Ausfüllen des Formulars.
Registration Date	Das Datum und die Uhrzeit, an dem das Formular ausgefüllt wurde.
Registration IP	Die IP-Adresse, mit dem der Besucher das Formular ausgefüllt und versendet hat.
Confirmation Date	Das Datum und die Uhrzeit, an dem der Besucher auf den Bestätigungslink geklickt hat.
Confirmation IP	Die IP-Adresse, mit dem der Besucher das Double-Opt-in bestätigt hat.
Confirmed	Yes/No – Gibt an, ob das Double-Opt-in vom Empfänger bestätigt wurde.
Opt-Out Date	Das Datum, an dem der Besucher sich vom Opt-in durch das Opt-out System abgemeldet hat.
Opt-Out IP	Die IP-Adresse, mit dem der Besucher das Opt-out durchgeführt hat.
Form Fields	Die Feldbezeichnung und der Inhalt der Felder des Formulars.
Formular	Das Formular als HTML Element, welches für das Opt-in verwendet wurde.
Opt-In Mail	Der Inhalt der Opt-in Mail als HTML.

Alle Daten werden für die von dir eingestellte Dauer gespeichert, um nachweisen zu können, dass sich ein Besucher über das Double-Opt-in angemeldet hat und dieses bestätigt wurde. Auch nach einem Opt-out werden die Daten noch für 30 Tage aufbewahrt.

Double-Opt-in Daten Exportieren #

Alle durchgeführten Opt-in können jederzeit als CSV-Datei exportiert werden. Es können sowohl einzelne als auch alle Opt-in exportiert werden. Falls Kategorien verwendet werden, können ebenfalls nur Opt-in Informationen einer bestimmten Kategorie exportiert werden.

Exportieren aller Opt-in Daten #

Um alle Daten zu exportieren, wechselst du auf im WordPress Backend zu Forge12 Double Opt-In > Dashboard. Dort findest du nun eine Übersicht über die zuletzt durchgeführten Opt-Ins. Am Ende der Tabelle findest du die Schaltfläche zum Exportieren aller Einträge als CSV.

Exportieren einzelner Opt-In Daten #

Es ist auch möglich, nur einzelne Informationen zu exportieren. Hierfür wechselst du im WordPress Backend zu Forge12 Double Opt-In > Dashboard. Fahre anschließend mit der Maus über das gewünschte Opt-In, um den Link zur Detail-Seite angezeigt zu bekommen. Auf der Detail-Seite findest du die Schaltfläche zum Exportieren der Daten (Export as CSV).

Exportieren aller Opt-In Daten einer Kategorie #

Um alle Opt-In einer Kategorie zu exportieren, wechselst du im WordPress Backend zu Forge12 Double Opt-In > Categories > [Name der Kategorie]. Dort findest du alle Opt-Ins, die der jeweiligen Kategorie zugeordnet wurden. Die Option zum Exportieren der Opt-Ins findest du am Ende der Tabelle (Export as CSV).

So verwendest du das Opt-out System #

Mit Version 2 des Opt-in Systems wurde die Möglichkeit integriert, den Besuchern die Option zu geben, sich von durchgeführten Opt-ins abzumelden.

Die Opt-out Seite für den Besucher #

Als Erstes, benötigst du eine neue Seite, auf der später für den Besucher alles Weitere angezeigt wird. Hierzu erstellst du im Backend von WordPress einfach eine neue Seite und fügst den folgenden Shortcode ein.

[f12-cf7-doubleoptin-optout-list]

Natürlich kannst du die Seite weiter gestalten und zusätzliche Inhalte einfügen. Wichtig ist lediglich, dass der Shortcode auf der Seite platziert wurde.

Konfigurieren des Opt-outs #

Als Nächstes wechselst du im Backend von WordPress zu Forge12 Double Opt-In > Opt-out. Dort können nun alle weiteren Einstellungen für das Opt-out vorgenommen werden.

Einstellung	Beschreibung
Opt-Out Page	Hier muss die Seite angegeben werden, auf der sich der Shortcode [f12-cf7-doubleoptin-optout-list] befindet. Auf diese Seite wird der Besucher weitergeleitet, sobald er das Opt-Out durchführt.
Subject	Der Betreff der Opt-Out Mail.
Body	Der Message Body der Opt-Out Mail. Hier muss explizit der Platzhalter [doubleoptin_optout_url] als Link integriert werden.

Das Opt-out Formular #

Als Letztes muss nur noch das Opt-out Formular integriert werden. Hierfür verwendest du den folgenden Shortcode.

[f12-cf7-doubleoptin-optout-form]

Der Shortcode erzeugt ein einfaches Formular, über den der Besucher auf den Opt-out Prozess zugreifen kann.

Sobald das Formular abgesendet wurde, wird ein Einmal-Link erzeugt und an die gewählte E-Mail-Adresse versendet. Der Link ist nur temporär gültig und wird anschließend wieder gelöscht.

Der Shortcode für das Formular kann beliebig auf der Seite platziert werden. Die Darstellung kann dann über den WordPress Customizer erfolgen oder aber durch separate CSS Dateien.

Die Opt-Out Liste #

Sobald der Besucher auf den Opt-out Link klickt, wird dieser an die zuvor angelegte Seite weitergeleitet und erhält dort eine Übersicht aller durchgeführten und ausstehenden Opt-ins. Diese kann zum Beispiel wie folgt aussehen:

Der Besucher sieht dann, ob und wann das Opt-In durchgeführt wurde und wie lange die Daten gespeichert werden. Über Opt-Out now! kann er sich von durchgeführten Opt-ins auch wieder abmelden. Die Spalte “valid until” ergibt sich aus den konfigurierten Einstellungen.

Verfügbare Filter und Hooks für die Erweiterung #

Für Entwickler bieten wir die Möglichkeit an, auf integrierte WordPress Hooks zuzugreifen, um das System an externe Schnittstellen anzubinden.

Doppelte Opt-Ins #

Erlaubt es, Opt-Ins zu verarbeiten, die doppelte durchgeführt wurden. (z.B. wenn der Opt-In Link doppelt geklickt wird).

/**
 * @param string
 * @param OptIn $OptIn
 */
function already_confirmed($hash, $OptIn){
   // Do Something
}
add_action('f12_cf7_doubleoptin_already_confirmed', 'already_confirmed', 10, 2);

Vor der Opt-In Bestätigung #

Erlaubt es, ein Opt-in zu bearbeiten, bevor dieses gespeichert wird.

/**
 * @param string
 * @param OptIn $OptIn
 */
function before_confirm($hash, $OptIn){
   // Do Something
}
add_action('f12_cf7_doubleoptin_before_confirm', 'before_confirm', 10, 2);

Nach der Opt-In Bestätigung #

Erlaubt das Modifizieren des Opt-In nach der Bestätigung. Erlaubt es auch, das Opt-In nach der Bestätigung an Schnittstellen zu überreichen.

/**
 * @param string
 * @param OptIn $OptIn
 */
function after_confirm($hash, $OptIn){
   // Do Something
}
add_action('f12_cf7_doubleoptin_after_confirm', 'after_confirm', 10, 2);

Nach dem Senden der Opt-In Mail #

Erlaubt das Durchführen weiterer Schritte nach dem Versenden der Opt-In Mail.

/**
 * @param array $form_data - An Array containing all dynamic form fields and placeholder data.
 * @param int $post_id - The Form ID
 */
function after_optin_mail_sent($form_data, $post_id){
   // Do Something
}
add_action('f12_cf7_doubleoptin_sent', 'after_optin_mail_sent', 10, 2);

Fazit #

Das Verwenden des Forge12 Double-Opt-in Plugins für Contact Form 7 ist dank seiner Integration schnell und unkompliziert realisierbar. Dank der Protokollierung der Daten kann jederzeit ein Nachweis für das Double-Opt-In erbracht werden.

Habt Ihr Ideen, wie man das Plugin erweitern könnte oder hättet Ihr gerne noch zusätzliche Funktionen? Dann schreibt uns doch einfach einen Kommentar.