WordPress Kontaktformular erstellen mit Elementor (Tutorial)

Summary

In diesem Video zeigt ein WordPress-Experte, wie man mit Elementor Pro ansprechende Kontaktformulare erstellt. Er geht Schritt für Schritt vor, um ein mehrstufiges Formular mit verschiedenen Feldern wie Name, E-Mail und Telefonnummer zu erstellen. Es wird erklärt, wie man die Felder anpasst, validiert und anordnet. Außerdem zeigt er, wie man nach dem Absenden des Formulars bestimmte Aktionen ausführen kann, wie z.B. eine Benachrichtigungs-E-Mail zu erhalten. Er demonstriert auch, wie gespeicherte Einträge in WordPress angezeigt werden können. Insgesamt wird die einfache Erstellung von Kontaktformularen mit Elementor detailliert dargestellt.

Takeaways

• 😊 Mit Elementor Pro kann man sehr einfache Kontaktformulare erstellen
• 👍 Man kann verschiedene Felder und Feldtypen wie Text, E-Mail, Auswahlfelder etc. hinzufügen
• 🔀 Die Reihenfolge der Felder lässt sich per Drag & Drop ändern
• ✏️ Felder lassen sich duplizieren, um ähnliche Felder schnell hinzuzufügen
• 🌈 Das Design wie Farben, Abstände etc. ist flexibel anpassbar
• 📝 Validierungen wie Pflichtfelder oder E-Mail-Format können eingestellt werden
• 📧 Es können Aktionen definiert werden, z.B. E-Mail-Benachrichtigungen beim Absenden
• 📑 Eingaben lassen sich in einer Datenbank speichern und später einsehen
• 💻 Das Formular ist responsiv für Desktop, Tablet und Smartphones
• 🔒 DSGVO-Hinweise lassen sich integrieren, z.B. Checkbox für Datenschutz

Q & A

Wie kann man in Elementor Pro schöne Kontaktformulare erstellen?

Man kann in Elementor Pro sehr einfach per Drag & Drop Kontaktformulare erstellen. Man zieht dazu das Formular-Widget in den Editor und passt es nach Bedarf an, z.B. welche Felder enthalten sein sollen.

Muss man bei Kontaktformularen auf die DSGVO achten?

Ja, laut DSGVO muss man den Nutzer darauf hinweisen, dass Daten erhoben werden und auf die Datenschutzerklärung verlinken.

Wie kann man Felder in Elementor Pro nebeneinander anordnen?

Indem man in den Einstellungen die Spaltenbreite der Felder auf 50% setzt, werden sie nebeneinander angeordnet.

Wie markiert man Pflichtfelder in einem Formular?

Pflichtfelder sollte man mit einem * Sternchen kennzeichnen, damit der Nutzer sie leicht erkennen kann.

Was passiert, wenn ein Nutzer ein Formular absendet?

Standardmäßig werden die Daten gesammelt und man erhält eine E-Mail. Dies kann man in den Aktionen nach dem Senden konfigurieren.

Kann man die Formatierung eines Formulars anpassen?

Ja, unter Style lassen sich Abstände, Schriften, Farben etc. des Formulars und der Felder individuell einstellen.

Wo kann man sich eingereichte Formulardaten ansehen?

Unter Form Submissions im Dashboard von Elementor Pro.

Kann man mehrere E-Mail-Adressen für Formulare hinterlegen?

Ja, unter E-Mail Notification kann man mehrere E-Mail-Adressen angeben, die eine Benachrichtigung erhalten sollen.

Lässt sich das Aussehen der Buttons anpassen?

Ja, unter Style kann man Button-Farben, -Größe und andere Eigenschaften nach Belieben einstellen.

Kann man ein mehrstufiges Kontaktformular erstellen?

Ja, dafür kann man z.B. die Next/Back Buttons verwenden und die Formular-Schritte entsprechend aufbauen.