WordPress Kontaktformular erstellen – in 10 Minuten erledigt!

Ein WordPress Kontaktformular bietet Besuchern eine einfache und bequeme Möglichkeit zur Kontaktaufnahme mit dem Website-Betreiber. Außerdem schützt es die Privatsphäre von E-Mail-Adressen, da sie nicht direkt auf der Website angezeigt werden müssen, und es kann mit einer Reihe von Plugins erweitert werden, um zusätzliche Funktionalität wie Spam-Schutz, Bestätigungs-E-Mails und vieles mehr hinzuzufügen.

Die gute Nachricht ist, dass es sehr einfach ist, ein Kontaktformular auf einer WordPress-Website einzurichten, da es viele gute Plugins dafür gibt.
Zwei der bekanntesten und am meisten verwendeten Plugins für Kontaktformulare sind Ninja Forms und Contact Form 7. Beide Plugins bieten viele Funktionen und Vorteile, aber es gibt auch einige Nachteile, die es zu berücksichtigen gilt.

Ninja Forms ist ein kostenpflichtiges Plugin, jedoch gibt es auch eine kostenfreie Version. Es ist ebenfalls einfach zu installieren und einzurichten. Es bietet eine Vielzahl von Funktionen, einschließlich einer Drag-and-Drop-Formulerstellung, einer integrierten Formulareingabeverwaltung und einer Reihe von Add-ons, die weitere Funktionen hinzufügen können. Einer der Nachteile von Ninja Forms ist jedoch, dass die erweiterten Funktionen kostenpflichtig sind.

Contact Form 7 ist ein kostenloses Plugin, das einfach zu installieren und einzurichten ist. Es bietet eine Vielzahl von Funktionen einschließlich Unterstützung für mehrere Formulare, Spam-Schutz und die Möglichkeit, E-Mail-Benachrichtigungen zu erstellen. Einer der Nachteile von Contact Form 7 ist jedoch, dass es kein Interface für die Formularerstellung hat. Das bedeutet, man muss selbst mit Shortcodes und HTML Code arbeiten. Das macht es sehr spannend für fortgeschrittene User, die die volle Kontrolle über das Aussehen der Formulare haben möchten. Macht es aber für Anfänger schwieriger, da sie sich in die Materie einarbeiten müssen.

Im weiteren Artikel beschäftigen wir uns mit dem Ninja Forms Plugin, da es für Anfänger einen einfacheren Start bietet.

Zunächst muss man das Plugin Ninja Forms installieren:

1. Melden Sie sich bei Ihrer WordPress-Website an und gehen Sie zum Bereich “Plugins”.
2. Klicken Sie auf die Schaltfläche “Neues Plugin hinzufügen”.
3. Geben Sie im Suchfeld “Ninja Forms” ein und klicken Sie auf “Los”.
4. Klicken Sie auf die Schaltfläche “Jetzt installieren”, die unter dem Ninja Forms-Eintrag angezeigt wird.
5. Nach Abschluss der Installation klicken Sie auf die Schaltfläche “Aktivieren”, die an der gleichen Stelle angezeigt wird.
6. Sobald das Plugin aktiviert ist, können Sie es über das Menü “Ninja Forms” in Ihrem WordPress-Dashboard aufrufen.

Nun kann das eigentliche Formular konfiguriert werden:

1. Gehen Sie zum Menü “Ninja Forms” in Ihrem WordPress-Dashboard.
2. Klicken Sie auf die Schaltfläche “Erstellen”.
3. Nun kann man aus verschiedenen Vorlagen wählen oder mit einem leeren Blanko-Formular starten. Für das erste Kontaktformular starten wir mit der Vorlage „Kontaktiere uns“.
   
4. Nun wird man zum Drag-and-Drop-Builder geleitet, mit dem man das Formular bearbeiten können:
   
   1. Bestehende Felder können geändert werden, indem man sie anklickt und die Optionen auf der rechten Seite bearbeitet. Zum Beispiel kann man die Feldbeschriftung ändern oder aktivieren, dass es sich um ein Pflichtfeld handelt. Anschließend bestätigt man mit dem Button „Fertig“.
   2. Über den Button mit dem „+“-Symbol in der rechten unteren Ecke können neue Felder oder Elemente hinzugefügt werden. Von der Textbox über Select-Boxen, Optionen bis hin zu spezialisierten Feldern für E-Mail, Land oder Telefon sind bereits viele Felder enthalten. Spezielle Funktionen wie ein Dateiupload müssen über kostenpflichtige Plugins nachgerüstet werden.
5. Sobald Sie alle Felder erstellt haben, klicken Sie auf den Menüreiter „E-Mails & Aktionen“. Hier können Sie nun einstellen, was mit den Formulardaten passieren soll. Standardmäßig sind in der Formular-Vorlage folgende Aktionen konfiguriert:
   
   1. „Einsendung aufzeichnen“ – das bedeutet, die Eingaben werden in der Datenbank Ihrer Website gespeichert.
   2. E-Mail Confirmation – hier ist eine E-Mail Bestätigung an den Benutzer konfiguriert. Diese wird an die vom Nutzer eingegebene E-Mail Adresse gesendet. Hier sollte man den Text anpassen, da dieser standardmäßig in Englisch konfiguriert ist.
   3. E-Mail Confirmation – diese E-Mail Bestätigung wird an den Seitenadministrator übermittelt.
   4. Success Message – Dies ist die Meldung, die dem Benutzer angezeigt wird, nachdem er das Formular abgeschickt hat. Auch hier sollte man einen deutschen Text konfigurieren.
6. In allen Vorlagen können verschiedene Variablen (ähnlich wie in einem Serienbrief) eingesetzt werden, die beim absenden des Formulars durch die eigentlichen Werte ersetzt werden. Mit Klick auf den „Variablen“-Button öffnet sich ein Verzeichnis mit allen verfügbaren Feldern.
   
7. Hat man alle Einstellungen vorgenommen, kann man das Formular mit dem Button „Veröffentlichen“ speichern.
8. Nun muss das Formular noch auf einer Seite eingebunden werden. Dazu klickt man auf den „Link“-Button, direkt neben dem Veröffentlichen-Button. Nun öffnet sich ein Fenster, in dem einem ein sogenannter „Shortcode“ angezeigt wird. Dieser sieht zum Beispiel so aus:
   [ninja_form id='3']
9. Dies kopiert man und verlässt mit dem X-Button (rechts oben) den Formulareditor.
10. Nun öffnet man die Seite, auf das das Formular eingefügt werden soll, zum Bearbeiten.
11. Hier muss man nun den Code in den Inhalt einfügen. Verwendet man zum Beispiel den Gutenberg Editor, muss man einen Shortcode-Block einfügen. Zuletzt speichert man die Änderungen auf der Seite.
    
12. Öffnen Sie die Seite und Überprüfen Sie Ihr Formular, um sicherzustellen, dass es ordnungsgemäß funktioniert und alle Felder richtig ausgefüllt werden können.

Das war es! Mit Ninja Forms ist es sehr einfach, ein benutzerfreundliches Kontaktformular auf Ihrer WordPress-Website zu konfigurieren. Probieren Sie es jetzt aus!