Wenn du in Elementor ein Kontaktformular nutzt, möchtest du vielleicht eine automatische Bestätigungsmail an den Absender senden. Das schafft Vertrauen und gibt dem Nutzer eine Rückmeldung, dass seine Nachricht erfolgreich übermittelt wurde. In diesem Tutorial zeigen wir dir, wie du eine Bestätigungsmail für Elementor-Formulare einrichtest.
Schritt 1: Elementor Formular erstellen
Falls du noch kein Formular mit Elementor erstellt hast, folge diesen Schritten:
- 1. Öffne den Elementor-Editor.
- 2. Ziehe das Formular-Widget auf deine Seite.

- 3. Füge deine gewünschten Felder (Vorname, Nachname, Telefonnummer ...) dem Formular hinzu. Für die Bestätigungsmail ist ein E-Mail Feld notwendig. Stelle daher sicher, dass du dieses dem Formular hinzugefügt hast.
- 4. Wechsel auf den Reiter "Erweitert" deines E-Mail-Feldes und vergebe eine eindeutige ID. In unserem Beispiel vergeben wir die ID "email".
- 5. Kopiere den Shortcode, der im Feld unter der ID angezeigt wird. In unserem Fall lautet der Shortcode [field id="email"].
Schritt 2: Die Bestätigungsmail konfigurieren
Damit das Formular eine Bestätigungsmail sendet, müssen wir eine entsprechende Aktion hinzufügen:
- 1. Gehe zum Reiter "Aktionen nach dem Absenden".
- 2. Standardmäßig ist die Option "E-Mail" bereits vorhanden und wird in der Regel verwendet, um dir die ausgefüllten Formulardaten zuzusenden. Um eine Bestätigungsmail an den Absender zu versenden, füge über das "+"-Symbol die Option "E-Mail 2" hinzu. Diese wird anschließend für den Versand der Bestätigungsmail konfiguriert.
-
3. Anschließend werden zwei weitere Reiter angezeigt: "E-Mail" und "E-Mail 2". Wie bereits erwähnt, kannst du den Reiter "E-Mail" nutzen, um dir die ausgefüllten Formulardaten automatisch per E-Mail zusenden zu lassen. Nachfolgend findest du eine kurze Übersicht zur Einrichtung der E-Mail, die du selbst erhältst:
Die E-Mail-Adresse, an die die ausgefüllten Formulardaten gesendet werden sollen, wird unter "An" festgelegt. Der Betreff der E-Mail, die du selbst erhältst, kannst du im Feld "Betreff" definieren. Stelle sicher, dass der Shortcode "[all-fields]" hinterlegt ist, damit alle Formularfelder vollständig übermittelt werden. Die Absender-E-Mail-Adresse wird im Feld "Von E-Mail" eingetragen. Der Name des Absenders wird im entsprechenden Feld angegeben. Wähle im Feld "Antwort an" die Option "E-Mail Feld", damit beim antworten auf die E-Mail die Nachricht direkt an den Absender des Formulars gesendet wird.
-
4. Nun folgt die Einrichtung der Bestätigungsmail. Öffne dazu den Reiter "E-Mail 2". Im Feld "An" muss der zuvor kopierte Shortcode [field id="email"] hinterlegt werden. Dadurch wird die vom Nutzer eingegebene E-Mail-Adresse als Empfänger festgelegt. Die weiteren Felder kannst du entsprechend der vorherigen Schritte ausfüllen.
Im Feld "Nachricht" kannst du den Inhalt der Bestätigungsmail hinterlegen. Ein Beispiel: "Vielen Dank für Ihre Anfrage über unsere Homepage. Wir werden uns so schnell wie möglich bei Ihnen melden."
Im Feld "Antworten an" sollte deine eigene E-Mail-Adresse hinterlegt werden. So wird sichergestellt, dass Antworten auf die Bestätigungsmail direkt bei dir ankommen.
Professionelle und persönliche Bestätigungsmail
Wenn du die Bestätigungsmail persönlicher und professioneller gestalten möchtest, kannst du zusätzliche Anpassungen vornehmen. Falls dein Formular Felder für Vorname und Nachname enthält, kannst du diesen die IDs „vorname“ und „nachname“ zuweisen. Die Vergabe erfolgt auf die gleiche Weise wie bei der „email“-ID.
Anschließend kannst du die folgende Vorlage kopieren und in das Nachrichtenfeld einfügen. Diese sorgt dafür, dass der Empfänger mit Namen angesprochen wird. Zudem sind deine Kontaktdaten für eventuelle Rückfragen enthalten.
Passe die Vorlage mit deinen persönlichen Daten an, und schon hast du eine professionelle Bestätigungsmail.
Hallo [field id="vorname"] [field id="nachname"],<br>
<br>
Vielen herzlichen Dank für Ihre Anfrage über unsere Homepage. Wir werden uns so schnell wie möglich bei Ihnen melden.<br>
<br>
Mit freundlichen Grüßen<br>
JK-Homepages<br>
<br>
<hr>
<br>
Jannis Kratzmann<br>
Am Klösterle 4<br>
76571 Gaggenau<br>
<br>
Mobil: +49 (0) 173 7348626<br>
E-Mail: info@jk-homepages.de<br>
Internet: www.jk-homepages.de
Schritt 3: Die Bestätigungsmail testen
Nachdem die Bestätigungsmail eingerichtet wurde, solltest du sie testen:
- 1. Fülle das Formular auf deiner Website aus.
- 2. Überprüfe, ob die E-Mail in deinem Posteingang ankommt.
- 3. Falls die E-Mail nicht ankommt, kontrolliere die Spam-Ordner oder stelle sicher, dass dein Hosting-Anbieter den Versand von E-Mails erlaubt.
Optional: SMTP für zuverlässigen Versand nutzen
Falls deine E-Mails nicht zuverlässig zugestellt werden, kann die Einrichtung eines SMTP-Dienstes helfen. Plugins wie WP Mail SMTP ermöglichen eine bessere Zustellung über einen externen E-Mail-Server.
Fazit
Mit wenigen Schritten kannst du in Elementor eine automatische Bestätigungsmail für deine Formulare einrichten. Dadurch erhöhst du die Nutzerzufriedenheit und stellst sicher, dass Absender wissen, dass ihre Nachricht erfolgreich eingegangen ist.
Benötigst du Unterstützung?
Falls du Unterstützung benötigst oder weitere Skripte und Funktionen für dein Elementor-Formular suchst, stehe ich dir gerne zur Verfügung. Melde dich einfach bei mir, und ich helfe dir weiter. Ich freue mich darauf, dich bei der Umsetzung deiner Projekte zu unterstützen!