Formularblock

Mit dem Formularblock kannst du ein Formular zu deinem Beitrag bzw. deiner Seite hinzufügen.

Die allgemeinen Funktionen sowie FAQs findest du auf unserer Informationsseite.

Hinweis: Diese Seite beschreibt die Verwendung des Formularblocks mit dem Block-Editor. Anleitungen zum Hinzufügen des Kontaktformulars im klassischen Editor findest du hier.

Anforderungen

Um den Formularblock nutzen zu können, musst du die Funktion Kontaktformular von Jetpack aktivieren. Sie sollte standardmäßig aktiviert sein. Andernfalls kannst du sie wie hier beschrieben aktivieren.

Hinzufügen des Formularblocks

Den Formularblock kannst du zu beliebigen Beiträgen und Seiten hinzufügen. Wähle ihn dazu im Jetpack-Abschnitt der Blockauswahl aus:

Mehr über das Hinzufügen von Jetpack-Blöcken erfährst du auf unserer Seite Jetpack-Blöcke.

Sobald du einen Formularblock hinzufügst, kannst du eines der vorgefertigten Formulare auswählen: Kontaktformular, Newsletter-Anmeldung, Auf Einladung antworten, Registrierung, Termin oder Feedback. Mit einem Klick auf Überspringen kannst du auch dein eigenes Formular erstellen.

Nachdem du ein Formular ausgewählt hast, werden relevante Felder im Block eingefügt. Hier ein Beispiel für das reguläre E-Mail-Benachrichtigungsformular:

Nachdem du einen Formularblock angegeben hast, kannst du festlegen, wohin E-Mail-Benachrichtigungen gesendet werden, wenn das Formular ausgefüllt wird. Klicke dazu einfach auf das Icon zum Bearbeiten in der Werkzeugleiste des Blocks. Du kannst eine E-Mail-Adresse (oder mehrere durch Kommas getrennte E-Mail-Adressen) sowie eine Betreffzeile eingeben.

Wenn du keine Angaben machst, werden die Benachrichtigungen an den Autor des Beitrags bzw. der Seite gesendet und der Titel des Beitrags bzw. der Seite im Betreff angezeigt.

Anpassen des Formulars

Jeder Formularblock ist eine spezielle Blockart, die andere verschachtelte Blöcke enthält. Dabei bildet jedes einzelne Formularfeld innerhalb des Formular-Hauptblocks einen eigenen Block. Diese untergeordneten Blöcke des Formularfelds kannst du im primären Formularblock anpassen und neu anordnen. Formulare können auch mit den Block-Einstellungen (Beschreibung hier) oder durch erweiterte Filter (Beschreibung hier) angepasst werden.

Um ein Formularfeld am Anfang oder Ende deines Formulars einzufügen, kannst du auf das Icon „Weitere Optionen“ klicken und angeben, ob du einen Block davor oder danach einfügen möchtest:

Dabei stehen folgende Formfelder zur Auswahl: Name, E-Mail, Website, mehrzeiliger Text, Text, Datumsauswahl, Telefonnummer, Kontrollkästchen, Kontrollkästchengruppe, Radio und Auswählen.

Beachte, dass du diese untergeordneten Blöcke nur innerhalb eines Formularblocks hinzufügen kannst.

Für jeden Feldblock kannst du die Feldbezeichnung(en) ändern und das Feld als Pflichtfeld definieren.

Wenn du Blöcke neu anordnen möchtest, gehe wie folgt vor: Bewege den Mauszeiger über den zu verschiebenden Block und verwende die Pfeiltasten, um den Block nach oben oder unten zu verschieben. Alternativ kannst du ihn mithilfe des Drag-and-drop-Tools, das du zwischen den beiden Pfeilen siehst, an die gewünschte Stelle ziehen.

Du kannst auch Blöcke, die keine Formulare sind, zu deinem Block Formular hinzufügen, z. B. Text oder ein Bild.

In diesem Video siehst du, wie du ein Dropdown-Menü zu deinem Formular hinzufügen kannst:

Möchtest du den „Absenden“-Button anpassen? Ersetze dafür den Text direkt auf dem Button.

Blockeinstellungen

Möchtest du anpassen, was nach dem Absenden des Formulars passiert? Wähle den äußeren Formularblock aus, um die Block-Einstellungen zu öffnen.

Wenn du beim Hinzufügen des Formularblocks die E-Mail-Adresse und die Betreffzeile vergessen hast, die für Benachrichtigungen beim Ausfüllen des Formulars verwendet werden, oder du diese Angaben aktualisieren möchtest, wähle den Formularblock aus und bearbeite in der Seitenleiste die Einstellungen für E-Mail-Feedback.

Beim Hinzufügen oder Bearbeiten eines Formularblocks kannst du die Einstellungen für die Bestätigungsmeldung bearbeiten, mit denen festgelegt wird, was nach der Übermittlung eines Formulars durch einen Benutzer geschieht:

• Zeige eine Zusammenfassung des Formulars an, das soeben übermittelt wurde.
• Leite auf eine neue URL auf deiner Website oder andernorts weiter.
• Zeige eine individuelle Bestätigungsmeldung an.

Du kannst auch Elemente der einzelnen Formfelder individuell anpassen. Klicke dazu auf das Feld. In der Werkzeugleiste siehst du eine Option, mit der du das Feld als erforderlich kennzeichnen und die Breite ändern kannst. Das Feld selbst wird außerdem kurz erklärt. Es gibt folgende Optionen für Meldungsfelder:

Wenn du das Feld für den „Absenden“- oder „Kontakt“-Button auswählst, werden dir Optionen in der Block-Werkzeugleiste angezeigt, mit denen du die Farbe und den Text von Buttons ändern kannst.

Farbeinstellungen

Du kannst die Hintergrund- und die Textfarbe für den Block anpassen. Für die Hintergrundfarbe gibt es zwei Optionen: Einheitlich oder Farbverlauf:

Button-Farbeinstellungen

In den Einstellungen der Button-Farbe kannst du die Farbe des Senden-Buttons inklusive Hintergrundfarbe und Textfarbe ändern. Für die Hintergrundfarbe gibt es zwei Optionen: Einheitlich oder Farbverlauf. Screenshot: 

Du kannst auch den Rahmenradius des Buttons ändern:

Der Button kann in einer Farbe gehalten oder umrahmt werden:

Du kannst die Größe des Buttons basierend auf dem Prozentsatz der Breite anpassen.

Genauso wie beim Bildblock kannst du die Ausrichtung des Buttons mit den Icons für eine links-, rechts- oder mittige Ausrichtung festlegen.

Formularintegrationen

Der Jetpack-Formularblock bietet die folgenden Integrationen:

• Newsletter-Integration (mit Creative Mail).
• CRM-Integration (mit Jetpack CRM).

Hol dir Hilfe

Wenn du Probleme mit dem Formularblock hast, wende dich an den Support.

Informationen zum Datenschutz

Diese Funktion ist standardmäßig aktiviert. Es gibt zwar im zentralen Jetpack-Einstellungsbereich keine Steuerelemente dafür, doch sie kann jederzeit mithilfe der Anleitung in diesem Leitfaden deaktiviert werden.

Weitere Informationen zur Datennutzung auf deiner Website

Genutzte Daten
Website-Betreiber/Benutzer Zur Aktivitätsverfolgung werden folgende Informationen genutzt: IP-Adresse, WordPress.com Benutzer-ID und Benutzername, mit WordPress.com verbundene Website-ID und -URL, Jetpack-Version, Benutzeragent, Besucher-URL, Referenz-URL, Zeitstempel eines Events, Browsersprache und Ländercode.	Website-Besucher Wenn Akismet auf der Website aktiviert ist, werden die Daten aus dem Kontaktformular (IP-Adresse, Benutzeragent, E-Mail-Adresse, Website-URL und Kommentar) zur Spamprüfung an den Dienst Akismet (ein Unternehmen von Automattic) übermittelt. Die tatsächlich gesendeten Daten werden in der Datenbank der Website gespeichert, auf der sie übermittelt wurden, und dem Inhaber des Formulars (d. h. dem Website-Autor, der die Seite mit dem Kontaktformular veröffentlicht hat) direkt per E-Mail zugesendet. Diese E-Mail enthält die IP-Adresse, den Zeitstempel, den Namen, die E-Mail-Adresse, die Website sowie die Nachricht der Person, die das Formular übermittelt hat. Die Angabe der IP-Adresse dient als vorbeugende Maßnahme gegen missbräuchliche Verwendung. Außerdem ist die IP-Adresse bei Websites, die Akismet verwenden, für den Schutz vor Spam erforderlich.
Verfolgte Aktivitäten
Website-Betreiber/Benutzer Wir verfolgen, wann welcher Benutzer die Funktion aktiviert oder deaktiviert.	Website-Besucher Keine.
Synchronisierte Daten (Weitere Informationen)
Website-Betreiber/Benutzer Wir synchronisieren eine einzelne Option, die angibt, ob die Funktion aktiviert ist.	Website-Besucher Wir synchronisieren Beitrags- und Beitragsmetadaten, die ein Benutzer mit dem Kontaktformular übermittelt. Wenn Akismet für die Website aktiviert ist, werden die IP-Adresse und der Benutzeragent, die bzw. der ursprünglich mit dem Kommentar übermittelt wurde, synchronisiert und in den Beitragsmetadaten gespeichert.