Sie möchten ein Elementor Kontaktformular erstellen? Wir zeigen Ihnen, wie das funktioniert und worauf Sie dabei achten sollten.
Die meisten Webseiten im Netz setzen auf ein Kontaktformular, um Besuchenden eine schnelle und einfache Möglichkeit zu bieten, Kontakt herzustellen. Dies ist inzwischen auch direkt mit Elementor möglich, ohne dass sie weitere Plugins nutzen müssen.
Wie Sie solch ein Kontaktformular erstellen und worauf dabei zu achten ist, erklären wir Ihnen in diesem Artikel.
So erstellen Sie ein Kontaktformular in Elementor
Um ein Kontaktformular zu erstellen, öffnen Sie zunächst Ihre Webseite und melden sich an. Öffnen Sie anschließend die Seite, in der Sie das Kontaktformular benutzen möchten. Hier suchen Sie auf der linken Seite nun das Widget „Formular“.
In dem Formular-Widget können Sie zunächst den Namen des Formulars sowie die Felder, die Sie benötigen, einstellen. Elementor bietet dabei eine Vielzahl an Feldern, auf die Sie zurückgreifen können.
Von einfachen Feldern für Texte, E-Mail-Adressen und Telefonnummern bis hin zu Integrationen von Google ReCAPTCHA und Honeypot-Feldern finden Sie hier alles, was Sie für ein Kontaktformular benötigen könnten.
Bei den jeweiligen Feldern können Sie zudem Eigenschaften wie Feldnamen und Platzhalter einstellen sowie festlegen, ob es sich bei den jeweiligen Feldern um Pflichtfelder handelt.
Haben Sie alle für Sie notwendigen Felder hinzugefügt, dann können Sie nun festlegen, was passiert, nachdem Besuchende den „Absenden“-Button benutzt haben. Hierfür gehen Sie auf den Reiter „Aktion nach dem Versenden“.
Standardmäßig sind hier die Aktionen „Collect Submissions“ sowie „E-Mail“ hinterlegt. „Collect Submissions“ sorgt dafür, dass Sie alle Einsendungen im Backend unter „Elementor“ –> „Submissions“ finden. Der Punkt „E-Mail“ sorgt dafür, dass Sie zusätzlich eine E-Mail mit der Einsendung erhalten.
Um den Inhalt der Mail anzupassen, können Sie den Reiter „E-Mail“ öffnen und entsprechende Einstellungen vornehmen.
Neben diesen beiden Aktionen können Sie noch auf eine Vielzahl weiterer Aktionen zurückgreifen, beispielsweise andere Mailing-Dienste benutzen oder auch eine Weiterleitung für Ihre Besuchenden.
Haben Sie diese Einstellungen vorgenommen, dann können Sie im Reiter „Stil“ die optische Darstellung Ihres Kontaktformulars in Elementor anpassen.
Elementor Formular Honeypot – Was ist das?
Sie sollten in einem Formular auch ein Honeypot-Feld einbauen. Dies sorgt dafür, Spam-Nachrichten zu reduzieren. Dabei handelt es sich nicht um eine Wunderlösung, die jede Spam-Mail erkennt und verhindert. Es kann aber durchaus einen größeren Teil dieser Nachrichten erkennen und abwenden.
Dabei handelt es sich um ein Feld, welches für Ihre Besuchenden nicht zu sehen ist. Bots hingegen erkennen das Feld und schreiben dort Inhalt hinein. Wenn Elementor erkennt, dass in diesem Feld Inhalt hinterlegt wurde, wird die Nachricht als Spam identifiziert und nicht an Sie versendet.
Es kann hilfreich sein, einem Honeypot-Feld den Namen eines legitimen Feldes zu geben, wie beispielsweise „Name“, „Vorname“ oder ähnliche Varianten.
Die Verwendung eines Kontaktformulars in Elementor ist keine schwierige Angelegenheit. Wesentlich schwieriger kann es sein, ein perfektes und mobiles Layout in Elementor zu erstellen. Damit dies möglich wird, müssen Sie genau wissen, wie der Flexbox-Container in Elementor funktioniert.
