Wie man ein Kontaktformular in WordPress erstellt?

Wenn Sie Ihren Kunden oder Website-Besuchern die Kontaktaufnahme mit Ihnen ermöglichen möchten, benötigen Sie ein Kontaktformular auf Ihrer Website. Im folgenden Tutorial werde ich beschreiben, wie man es in WordPress erstellt.

Wie man ein Kontaktformular in WordPress erstellt?

Wofür ist das Kontaktformular gut?

Das Kontaktformular ist ein einfaches Tool zur Kontaktaufnahme mit Ihren Site-Besuchern. Internetbesucher nutzen es viel eher als E-Mail. Das liegt daran, dass sie Zeit sparen. Sie können ihre Nachricht direkt auf die Seite schreiben, ohne ihre E-Mail zu öffnen.

Das Kontaktformular spart aber auch Zeit für Sie. Und es gibt Ihnen alle Informationen, die Sie brauchen:

  • In dem Formular richten Sie Felder für die Informationen, die Sie von Personen benötigen, ein. Zum Beispiel eine Telefonnummer. Sie würden diese Informationen wahrscheinlich nicht in ihre E-Mail aufnehmen.
  • Sie können automatische Antworten einrichten, um Benutzer automatisch mit grundlegenden Informationen zu versorgen.

Darüber hinaus schützt Sie die Verwendung des Kontaktformulars vor Spam. Wenn Sie nur eine aktive E-Mail ins Internet stellen, erhalten Sie häufig Spam.

Wie man ein Kontaktformular in WordPress hinzufügt?

WordPress bietet die Möglichkeit, über ein Plugin ein Kontaktformular zu erstellen. Ich persönlich empfehle die Verwendung des Contact Form by WPForms.

Dieses Plugin ist sehr einfach zu bedienen. Es wird das Drag & Drop-Tool verwendet, sodass selbst Anfänger sehr schnell ein Kontaktformular erstellen können. Die Basisversion ist kostenlos erhältlich.

Wenn Sie erweiterte Funktionen benötigen, können Sie ein Upgrade auf WPForms Pro durchführen. Gegenüber der kostenlosen Version besteht auch die Möglichkeit, eingereichte Formulare in der Datenbank zu speichern, Dateien, Formularvorlagen und andere praktische Funktionen hochzuladen.

Sie installieren das Plugin direkt aus der Site-Administration. Stellen Sie sicher, dass Sie das Plugin nach der Installation aktivieren. Die genaue Vorgehensweise erfahren Sie in meinem Artikel: Was ist das WordPress-Plugin? Wie installiere ich es?

Nach dem Aktivieren des Plugins sehen Sie einen neuen WPForms-Eintrag in der Site-Administration.

Formularerstellung mit WPForms

Um ein neues Kontaktformular zu erstellen, gehen Sie zu WPForms> Add new. Sie sehen die folgende Seite:

WPForms Add New
Hinzufügen eines Kontaktformulars

Geben Sie zuerst den Namen des Kontaktformulars ein. Wählen Sie dann die Vorlage aus, die Sie verwenden möchten. Die Basisversion von WPForms bietet vier Vorlagen zum Erstellen von Formularen.

Leeres Formular (blank form) — Wenn Sie ein leeres Formular auswählen, können Sie Ihre eigene Version mit der Drag & Drop-Funktion erstellen.

Einfaches Kontaktformular (Simple Contact Form) — Diese Vorlage bietet die Möglichkeit, ein vorgefertigtes Formular zu verwenden. Sie können jedoch nach Bedarf einzelne Felder hinzufügen und entfernen.

Newsletter-Anmeldeformular (Newsletter Signup Form) — In dieser Vorlage erstellen Sie ein Formular zum Abonnieren der News Ihrer Site (Newsletter). Hier können Sie einzelne Felder nach Ihren Wünschen hinzufügen und entfernen.

Vorschlagsformular (Suggestion form) — Sie können es verwenden, um Ihre Besucher nach Meinungen oder Vorschlägen zu fragen.

💡 Tipp: Die Wahl des richtigen Hostings ist entscheidend für eine schnelle Website ⏱. Ich empfehle, auf geprüfte Qualität zu setzen ➡️ HostEurope or Contabo.

Wie man ein einfaches Formular erstellt?

Beschreiben wir nun, wie Sie mit der Vorlage Simple Contact Form ein Formular erstellen.

Simple Contact Form
Erstellen eines einfachen Kontaktformulars

Auf der rechten Seite des Bildschirms finden Sie vorgefertigte Felder zum Hinzufügen eines Namens, einer E-Mail und einer Nachricht. Bewegen Sie den Mauszeiger über jedes Feld, um ein Menü zum Löschen und Bearbeiten anzuzeigen. Sie können sie auch einfach per Drag & Drop an eine andere Stelle im Formular ziehen.

Um ein neues Feld hinzuzufügen, gehen Sie zum Menü auf der linken Seite des Bildschirms. Klicken oder ziehen Sie das Feld nach rechts.

Stellen Sie sicher, dass Sie auf Save klicken, um das Kontaktformular zu speichern. Sie finden die Schaltfläche oben auf dem Bildschirm.

Einstellen von Formulareigenschaften

Sie sehen das von Ihnen erstellte Formular auf der Seite mit der Schaltfläche Senden. Um den Schaltflächennamen in einer deutschen Sprache einzurichten, gehen Sie zu Settings > General.

WPForms Settings General
Allgemeine Formulareinstellungen

Darüber hinaus finden Sie hier verschiedene andere Einrichtungsoptionen:

  • Form Name — hier bearbeiten Sie den Namen des Kontaktformulars.
  • Form Description — wird zur Beschreibung des Formulars verwendet.
  • Form CSS Class — ermöglicht das Einfügen einer benutzerdefinierten Klasse für das Formular.
  • Submit Button Text — hier bearbeiten Sie den Text auf der Submit-Schaltfläche
  • Submit Button Processing Text — Geben Sie den Text ein, der nach dem Senden des Formulars angezeigt werden soll.
  • Submit Button CSS Class — dieses Feld dient zum Hinzufügen einer benutzerdefinierten Klasse für die Submit-Schaltfläche
  • Enable anti-spam honeypot — Ich empfehle, das Kästchen in dieser Zeile aktiviert zu lassen. Diese Funktion soll das Formular vor dem Versenden als Spam schützen.

Wenn Sie auf der Registerkarte „General“ Eigenschaften einstellen, müssen Sie nur den Text für die Schaltfläche „Submit“ und den Text, der beim Senden des Formulars angezeigt wird, bearbeiten.

Einstellungen für die E-Mail-Benachrichtigung

Unter Settings > Notifications finden Sie zusätzliche Einstellungsmöglichkeiten. Dies sind Einstellungen für E-Mail-Benachrichtigungen. Sie werden normalerweise an die E-Mail-Adresse des Webmasters gesendet. Bearbeiten Sie den Betreff der E-Mail, um den Überblick über Ihre empfangenen Nachrichten zu behalten. Sie können auch andere Felder bearbeiten, wenn Sie möchten.

WPForms Settings Notifications
Einstellen der Versandbenachrichtigungen
  • Notifications– hier können Sie das Senden von Formularen an Ihre E-Mail aktivieren oder deaktivieren. Ich empfehle, diese Funktion aktiviert zu lassen. Einzelne ausgefüllte Formulare werden nirgendwo gespeichert. Und es ist jeweilig die E-Mail-Benachrichtigung, die dazu dient, Sie zu informieren.
  • Send To Email Address— geben Sie die E-Mail-Adresse ein, an die das Formular gesendet werden soll.
  • Email Subject— Sie können auch den Betreff der E-Mail festlegen.
  • From Name — Der Name des E-Mail-Absenders. Den Standardnamen Ihrer Site finden Sie hier.
  • From Email— Die E-Mail-Adresse des Absenders.
  • Reply-To— E-Mail-Adresse für eine Antwort.
  • Message—E-Mail-Text. Wenn Sie die Einstellung {all_fields} verlassen, enthält die E-Mail alle Formularfelder.
💡 Tipp für Themen: Von Premium-Themen habe ich gute Erfahrungen mit themes Divi-, Avada-Multifunktionsthemen und Elementor.

Einstellen der Bestätigung der Formularübermittlung

Eine Formularbestätigung wird dem Besucher nach dem Absenden des Formulars angezeigt. Sie können wählen, ob Sie sich für die Kontaktaufnahme bedanken oder den Besucher auf die ausgewählte Seite der Website weiterleiten möchten. Gehen Sie dazu zu Settings > Confirmations.

WPForms Settings Confirmations
Sendebestätigungseinstellung

Wählen Sie zunächst die Art der Bestätigung. Im Feld Confirmation Type stehen drei Optionen zur Auswahl:

  • Message– zeigt den von Ihnen eingegebenen Text im folgenden Fenster an.
  • Show page– hier legen Sie die Umleitung nach dem Absenden des Formulars fest.
  • Go To URL– geben Sie die URL der Seite ein, zu der der Webbesucher nach dem Absenden des Formulars weitergeleitet werden soll.

Bearbeiten, Löschen und Duplizieren des Formulars

Alle erstellten Formulare werden in der Formularliste angezeigt, nachdem Sie auf der Administrationsseite auf WPForms geklickt haben. Bewegen Sie den Mauszeiger über den Formularnamen, um ein Menü der verfügbaren Funktionen anzuzeigen. Sie können das Formular bearbeiten, in der Vorschau anzeigen, löschen oder duplizieren.

Die letzte Funktion ist die Anzahl der Ansichten. Diese Funktion ist nur in der Pro-Version verfügbar. Dadurch werden ausgefüllte Formulare direkt in der Websiteverwaltung gespeichert.

Hinzufügen eines Kontaktformulars zu einer WordPress-Seite

Nachdem Sie die Formulareigenschaften in WPForms festgelegt haben, müssen Sie sie in die Seite einbetten. Öffnen Sie zunächst eine vorhandene Seite, die Sie bearbeiten möchten, oder erstellen Sie eine neue.

Verwenden Sie den Shortcode, um ein Kontaktformular hinzuzufügen. Sie finden es:

  1. auf der Seite zum Bearbeiten des Formulars unter der Schaltfläche Embedembedin der oberen rechten Ecke,
  2. in der Liste aller Formulare in der Spalte Shortcode.

Erstellen Sie einen neuen Block auf der Seite, auf der Sie das Kontaktformular einbetten möchten. Sie binden einen Shortcode ein. Stellen Sie sicher, dass Sie alle Änderungen an der Seite speichern.

WPForms Insert Shortcode
Shortcode einbetten

So sieht eine Seite nach dem Einbetten eines Shortcodes aus.

Insert Contact Form
Einbetten eines Kontaktformulars auf der Seite

Wie man ein Kontaktformular zu meiner Seitenleiste hinzufügt?

In WordPress kann das Kontaktformular auch der Seitenleiste, der Kopfzeile oder der Fußzeile hinzugefügt werden. Gehen Sie in der Administration zu Design> Widgets. Scrollen Sie durch die Liste der Widgets, um WPForms zu finden.

Widgets WPForms
WPForms-Widget

Fügen Sie das Formular wie andere verfügbare Widgets hinzu, indem Sie es an die gewünschte Position ziehen und dort ablegen.

Insert Contact Form To Sidebar
Hinzufügen eines Kontaktformulars zur Seitenleiste

Füllen Sie den Titel aus und wählen Sie das Formular aus, das Sie verwenden möchten. Vergessen Sie nicht, Ihre Änderungen zu speichern. Sie können das eingebettete Formular auch mit Live-Ansicht bearbeiten.

Edit Sidebar
Anpassen der Seitenleiste mit Vorschau

WPForms Premium vs WPForms Lite

Beispielsweise kann die kostenpflichtige Version von WPForms Premium im Vergleich zur kostenlosen (Lite-) Version Folgendes tun:

  • Möglichkeit, unbegrenzte Anzahl von Formularen zu erstellen.
  • Höhere Anzahl von Vorlagen für Formulare.
  • Möglichkeit zur Verwendung bedingter Logik zur Steuerung der Sichtbarkeit von Formularfeldern.
  • Möglichkeit, mehrseitige Formulare zu erstellen.
  • Möglichkeit, Benutzerregistrierungsformulare zu erstellen
  • Erweiterter Spamschutz.
  • Möglichkeit zum Hochladen und Headhunter von Dateien über ein Formular.
  • Erweiterte Feldtypen wie Datums- und Zeitfelder
  • Möglichkeit zum Speichern, Anzeigen und Verwalten von Formularantworten direkt in der WordPress-Administration.
  • Integration mit Diensten von Drittanbietern wie PayPal, Stripe, Mailchimp, AWeber, GetResponse, Constant Contact, Drip, Zapier…
War dieser Artikel hilfreich für Sie? Unterstützen Sie mich bitte durch Teilen. 👍
Ich bin ein 30-jähriger WordPress-Programmierer mit jahrelangem Engagement für dieses CMS.

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here