Anleitungen/Website bearbeiten/Editor/Formulare/Ein Kontaktformular erstellen

Ein Kontaktformular erstellen

Mit Formularen auf deiner Website kannst du Nachrichten, Buchungen, Registrierungen, Feedback und mehr sammeln. In diesem Ratgeber erfährst du, wie du ein Formular erstellst und zu deiner Website hinzufügst.

Video-Tutorial

Formular erstellen

Führe zum Erstellen eines neuen Formulars diese Schritte durch:

  1. Gehe zum Dashboard deiner Website.
  2. Navigiere zu Jetpack → Formulare.
  3. Klicke oben rechts auf den Button Formular erstellen.
An arrow pointing to the "Create a form" button.
  1. Gib dem Formular einen Namen (z. B. „Kontakt“) und klicke auf den Button Erstellen. Der Name wird im Formular-Dashboard angezeigt und hilft dir, bei Nutzung von mehreren Formularen deine Formulare zu unterscheiden.
The form name field and Create buttons highlighted.
  1. Wähle im Formular-Editor aus verschiedenen vorgefertigten Layouts aus, z. B. Kontaktformular, Rückmeldeformular, Registrierungsformular, Terminformular, Feedbackformular oder Formular mit mehreren Schritten. Oder verwende das Textfeld, um das gewünschte Formular zu beschreiben.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. Füge deine Formularfelder mit dem + Block-Inserter im Formular hinzu und passe sie an. Zu den verfügbaren Feldtypen gehören Name, E-Mail-Adresse, Textbereich, Kontrollkästchen, Optionsfelder, Dropdown-Liste und Datei-Upload.
  2. Designe dein Formular, indem du Farben, Schriftarten und das Layout in den Stileinstellungen des Formulars änderst.

Auswählen, was nach der Übermittlung passiert

Du kannst steuern, was Besucher sehen sollen, nachdem sie das Formular abgesendet haben. So legst du fest, was nach der Übermittlung geschieht:

  1. Öffne die Listenansicht, indem du oben links im Editor auf das Icon mit den drei horizontalen Linien klickst.
  2. Wähle den Formularblock aus der Liste aus.
An arrow from the List View icon to the Form block in the List View.
  1. Erweitere in der Seitenleiste mit den Blockeinstellungen die Option Maßnahmen nach Übermittlung.
The "action after submit" settings showing options for a text or redirect link.
  1. Wähle eine Option:
    • Text: Zeige eine individuelle Nachricht an. Du kannst den Standardtext bearbeiten, entscheiden, ob eine Zusammenfassung der übermittelten Daten angezeigt werden soll, und einen Zurück-Link einfügen.
    • Weiterleitungslink: Sende Besucher nach der Formularübermittlung zu einer anderen Seite.

Formular veröffentlichen

Wenn dein Formular fertig ist, befolge diese Schritte:

  1. Klicke oben rechts im Editor auf den Button Veröffentlichen.
  2. Klicke zum Bestätigen im daraufhin angezeigten Bedienfeld erneut auf Veröffentlichen.

Dein Formular ist jetzt gespeichert und kann auf jeder Seite oder in jedem Beitrag eingebettet werden.

Nach dem Veröffentlichen deines Formulars werden dir die folgenden Optionen angezeigt:

  • Zu einer neuen Seite hinzufügen: Erstelle eine neue Seite, die das Formular bereits enthält.
  • Zur bestehenden Seite hinzufügen : Wähle eine bestehende Seite aus, zu der das Formular hinzugefügt werden soll.
  • Kopieren und manuell hinzufügen: Kopiere entweder den Einbettungscode oder den Shortcode, um das Formular manuell hinzuzufügen.

Auch wenn du den Formular-Editor verlassen hast, kannst du das Formular zu jeder beliebigen Seite hinzufügen. Weitere Informationen findest du in unserem Ratgeber für Formularblöcke.

The post-publish options for adding a form to a page.

E-Mail-Benachrichtigungen erhalten

Du erhältst jedes Mal eine E-Mail-Benachrichtigung, wenn jemand ein Formular auf deiner Website einreicht. Du kannst auf diese E-Mails direkt in deinem E-Mail-Programm antworten.

Antworten werden standardmäßig an die in deinem WordPress.com-Konto hinterlegte E-Mail-Adresse gesendet. So änderst du die E-Mail-Adresse oder fügst mehrere Empfänger hinzu:

  1. Öffne die Listenansicht, indem du oben links im Editor auf das Icon mit den drei horizontalen Linien klickst.
  2. Wähle den Formularblock aus der Liste aus.
An arrow from the List View icon to the Form block in the List View.
  1. Erweitere in der Seitenleiste mit den Blockeinstellungen die Option Formularbenachrichtigungen.
  2. Bestätige, dass der Umschalter Antworten an E-Mail senden aktiviert ist.
  3. Gib die E-Mail-Adresse in das Feld An E-Mail-Adresse senden ein. Trenne mehrere Adressen mit Kommas.
  4. Klicke auf Speichern.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

Betreffzeile der E-Mail anpassen

Du kannst die Betreffzeile der Benachrichtigungs-E-Mails anpassen, die du erhältst. Aktualisiere im Abschnitt Formularbenachrichtigungen der Blockeinstellungen das Feld E-Mail-Betreffzeile.

Um Informationen aus der Formularübermittlung in die Betreffzeile einzufügen, gib den Feldnamen in geschweifte Klammern ein. Wenn dein Formular z. B. die Felder „Name“ und „E-Mail“ enthält, gib {name}; {email} ein, um diese Werte in den Betreff einzuschließen. Feldnamen müssen mit den Bezeichnungen auf dem Formular übereinstimmen. Groß- und Kleinschreibung wird nicht berücksichtigt.

The form block settings showing how the subject line can be customized.

Push-Benachrichtigungen einrichten

Du kannst Push-Benachrichtigungen für Formularantworten in deinen Dashboard-Benachrichtigungen und im Browser erhalten. So aktivierst du Push-Benachrichtigungen:

  1. Öffne die Listenansicht im Editor.
  2. Wähle den Formularblock aus der Liste aus.
  3. Erweitere in der Seitenleiste mit den Blockeinstellungen die Option Formularbenachrichtigungen.
  4. Aktiviere Benachrichtigungen für Antworten aktivieren.
  5. Wähle, welche Benutzer deiner Website Benachrichtigungen erhalten sollen.
  6. Klicke auf Speichern.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

Antwortspeicher konfigurieren

Standardmäßig werden Formulare, die über den Formularblock gesendet werden, unter den Antworten in Jetpack → Formulare gespeichert. Das Speichern deiner Antworten auf deiner Website ist besonders hilfreich, wenn an deine E-Mail-Adresse gesendete Nachrichten als Spam blockiert werden.

So konfigurierst du den Antwortspeicher:

  1. Öffne die Listenansicht im Editor.
  2. Wähle den Formularblock aus der Liste aus.
  3. Erweitere in der Seitenleiste mit den Blockeinstellungen die Option Antwortspeicher.
  4. Wenn du die Option Antworten speichern ausschaltest, werden deine Nachrichten nicht mehr gespeichert. Aktiviere Antworten speichern, um Antworten auf deiner Website zu speichern.
The Save responses toggle under Response storage toggled on.

So funktioniert Formularsynchronisierung

Jedes Formular auf deiner Website wird als Formularbeitrag gespeichert. Wenn du einen Formularblock auf einer Seite einfügst, erstellt WordPress.com einen Formularbeitrag, der mit diesem Block verknüpft ist. Deine Bearbeitungen werden dabei synchronisiert:

  • Durch Änderungen am Formularblock auf einer Seite wird der Formularbeitrag aktualisiert.
  • Und andersherum: Änderungen im Formular-Editor aktualisieren Seiten, auf denen das Formular angezeigt wird.
  • Im Formular-Dashboard unter Jetpack → Formulare werden alle deine Formularbeiträge an einem Ort angezeigt.

Die Synchronisierung erfolgt automatisch, wenn du speicherst. Wenn ein Formular nach dem Einfügen auf einer Seite nicht im Formular-Dashboard angezeigt wird, konvertiere es mithilfe dieser Schritte.

Copied to clipboard!