Anmelden Erste Schritte

Gestalte dein Formular von Jetpack

Passe dein Jetpack Forms mit Block-Steuerelementen an, damit es das einzigartige Design deiner Website widerspiegelt.

Sobald du einen Formularblock mit Jetpack eingefügt hast und er auf einer Seite oder in einem Beitrag angezeigt wird, kannst du sein Erscheinungsbild an das Design deiner Website anpassen. In diesem Leitfaden erfährst du, wie du die Feldbreiten steuerst, Farben aktualisierst, benutzerdefinierte Stile auf bestimmte Felder anwendest und ein einheitliches Erscheinungsbild für jedes Formular auf deiner Website festlegst.

Videoanleitung

In diesem Video erfährst du, wie du ein mit Jetpack erstelltes Formular verwaltest und gestaltest. Es zeigt, wie du das Erscheinungsbild des Formulars anpasst, steuerst, wie breit die einzelnen Felder angezeigt werden, und festlegst, was Besucher nach dem Absenden sehen.

Formular anpassen

Farben des Formulars anpassen

Du kannst die Farben des gesamten Formulars zentral ändern – du musst nicht jedes Feld einzeln bearbeiten.

So aktualisierst du die Farben des gesamten Formulars:

  1. Klicke im Editor auf den äußeren Rand des Formularblocks, um das gesamte Formular auszuwählen, statt eines darin enthaltenen Feldes.
  2. Öffne in der rechten Seitenleiste das Block-Einstellungen-Panel und klicke auf den Tab Stile – dies ist das Symbol, das wie ein in Schwarz und Weiß geteiltes Kreissymbol aussieht.
  3. Passe die Textfarbe, die Hintergrundfarbe und alle anderen angezeigten Farbeigenschaften an.
  4. Klicke auf Speichern oder Aktualisieren oben im Editor, um deine Änderungen anzuwenden.

Hintergrundbild zu deinem Formular hinzufügen

Du kannst ein Hintergrundbild für dein Formular oder für einzelne Schrittblöcke:

  1. Klicke im Editor auf den äußeren Rand des Formularblocks, um das gesamte Formular auszuwählen, statt eines darin enthaltenen Feldes.
  2. Öffne in der rechten Seitenleiste das Block-Einstellungen-Panel und klicke auf den Tab Stile – dies ist das Symbol, das wie ein in Schwarz und Weiß geteiltes Kreissymbol aussieht.
  3. Hintergrundbild hinzufügen
  4. Klicke auf Speichern oder Aktualisieren oben im Editor, um deine Änderungen anzuwenden.

Einheitlichen Stil für alle Formulare auf deiner Website festlegen

Wenn deine WordPress-Website ein Block-Theme verwendet, kannst du einen visuellen Stil festlegen, der für jedes von dir veröffentlichte Formular gilt – so musst du nicht jedes Formular einzeln gestalten. Dies wird über das Stile-Panel im Website-Editor verwaltet.

  1. Gehe im Dashboard deiner WordPress-Website zu Design → Editor.
  2. Klicke im Abschnitt Design der linken Seitenleiste auf Stile.
  3. Klicke am unteren Rand des Stile-Panels auf Blöcke.
  4. Suche in der Liste der Blocktypen nach Formular und klicke darauf.
  5. Passe die Einstellungen für Farbe, Typografie und Abstände nach deinen Vorstellungen an.
  6. Klicke auf Speichern, um diese Einstellungen auf der gesamten Website anzuwenden. Jedes Formular auf deiner Website verwendet nun diesen Stil.

📝 Hinweis: Der Website-Editor ist nur auf WordPress-Websites verfügbar, die ein Block-Theme verwenden (auch Full-Site-Editing-Theme genannt). Wenn der Editor in deinem Dashboard nicht unter „Design“ aufgeführt ist, unterstützt dein aktives Theme diese Funktion nicht. Durch den Wechsel zu einem Block-Theme wird sie freigeschaltet.

Feldbreiten anpassen

Jedes Feld in einem mit Jetpack erstellten Formularblock kann mit einer benutzerdefinierten Breite angezeigt werden. So kannst du Felder in einem kompakten Layout nebeneinander anordnen oder auf die volle Breite des Containers ausdehnen.

So änderst du die Breite eines Formularfelds:

  1. Öffne den Beitrag oder die Seite im WordPress-Blockeditor.
  2. Klicke auf das Feld, dessen Breite du anpassen möchtest.
  3. Öffne in der rechten Seitenleiste das Block-Einstellungen-Panel.
  4. Scrollen Sie zur Breite Einstellung und wählen Sie 25 %, 50 %, 75 %, oder 100 %.

💡 Tipp: Um zwei Felder in derselben Zeile zu platzieren, stelle beide auf 50 % ein.

Unterschiedliche Stile auf einzelne Felder anwenden

Standardmäßig verwenden alle Felder eines Formulars dieselben Stileinstellungen. Wenn ein bestimmtes Feld anders aussehen soll als die übrigen, kannst du es aus der Gruppe lösen und separat gestalten.

  1. Verwende das Listenansicht-Panel (über die Editor-Werkzeugleiste erreichbar), um das gewünschte Feld zu suchen und auszuwählen. Du kannst auch direkt auf das Feld im Editor klicken.
  2. Suche in der Seitenleiste Block-Einstellungen den Umschalter Stil der Felder synchronisieren und schalte ihn aus. Dadurch werden die Stile dieses Feldes von den übrigen Formularfeldern getrennt.
  3. Klicken Sie auf die Beschriftung des Feldes oder auf den Eingabebereich, und verwenden Sie dann die Steuerelemente in der Seitenleiste, um eine benutzerdefinierte Farbe, Schriftart oder andere typografische Eigenschaften für dieses Element festzulegen.
  4. Klicken Sie auf Speichern oder auf Aktualisieren, um Ihre Änderungen anzuwenden.

Zugehörige Anleitungen

Benötigen Sie noch Hilfe?

Bitte Support kontaktieren. Wir beraten Sie gerne.

Datenschutzinformationen

Der Formularblock ist aktiviert standardmäßig. Er kann jederzeit deaktiviert bzw. wieder aktiviert werden, indem Sie den Leitfaden zur Steuerung der Funktionen von Jetpack auf einer Seite.

Verwendete Daten
Website-Betreiber / Benutzer

Zur Aktivitätsverfolgung (siehe unten): IP-Adresse, Benutzer-ID von WordPress.com, Benutzername von WordPress.com, ID der mit WordPress.com verbundenen Website und URL, Version von Jetpack, User-Agent, besuchte URL, verweisende URL, Zeitstempel des Ereignisses, Browsersprache, Ländercode.		Website-Besucher

Wenn Akismet auf der Website aktiviert ist, werden die Daten der Kontaktformular-Einsendung (IP-Adresse, User-Agent, E-Mail-Adresse, URL der Website und Kommentar) zur Spamprüfung an den Dienst Akismet (ebenfalls im Besitz von Automattic) übermittelt. Die eigentlichen Einsendedaten werden in der Datenbank der Website gespeichert, auf der sie übermittelt wurden, und direkt an den Betreiber des Formulars (d. h. den Autor der Website, der die Seite mit dem Kontaktformular veröffentlicht hat) per E-Mail gesendet. Diese E-Mail enthält die IP-Adresse, den Zeitstempel, den Namen, die E-Mail-Adresse der einsendenden Person sowie die Website und die Nachricht.

Die IP-Adresse wird zur Verhinderung von Missbrauch mitübermittelt. Und für Websites, die Akismet verwenden, ist es erforderlich, einen angemessenen Spamschutz bereitzustellen.
Erfasste Aktivitäten
Website-Betreiber / Benutzer

Wir erfassen, wann und von welchem Benutzer das Feature aktiviert und deaktiviert wird und wann CSV-Dateien oder Google Sheets von der Seite „Feedback-Formulare“ exportiert werden.		Website-Besucher

Keine.
Synchronisierte Daten (Mehr erfahren)
Website-Betreiber / Benutzer

Wir synchronisieren eine einzelne Option, die angibt, ob das Feature aktiviert ist.		Website-Besucher

Wir synchronisieren Beitrags- und Beitragsmetadaten, die mit der Kontaktformular-Einsendung eines Benutzers verbunden sind. Wenn Akismet auf der Website aktiviert ist, werden auch die ursprünglich mit dem Kommentar übermittelte IP-Adresse und der User-Agent synchronisiert, da sie in den Beitragsmetadaten gespeichert werden.