Formular-Blöcke gestalten

Passe die Kontaktformulare deiner Website an deine Marke an.

Zuletzt aktualisiert: 13. September 2024

Verwende Website-Stile, um das Erscheinungsbild von Formular-Blöcken auf deiner Website zu bearbeiten. Du kannst die Schriftarten und Farben von Text und Buttons im Formular sowie den Stil und die Form anderer Elemente deiner Formulare wie Textfelder und Kontrollkästchen ändern.

Alle Formular-Blöcke auf deiner Website folgen diesen Stil-Einstellungen. Dies ist eine großartige Möglichkeit, deinen Formularen einen einzigartigen Stil zu verleihen und sie gleichzeitig konsistent zu halten.

So erlangst du Zugriff auf diese Funktion

Der größte Teil dieser Anleitung bezieht sich auf die Formular-Gestaltungsoptionen, die nur auf Websites der Version 7.1 verfügbar sind. Wenn du eine Website der Version 7.0 hast, sieh dir Formular-Blöcke in Version 7.0 gestalten an.

Ein Video anschauen

Stil-Einstellungen für Formular-Blöcke öffnen

So öffnest du die Stil-Einstellungen für Formular-Blöcke:

  1. Öffne das Seiten-Menü und klicke auf eine Seite mit einem Formular-Block darauf, damit du die Änderungen in der Website-Vorschau überprüfen kannst, während du sie vornimmst.
  2. Öffne das Menü Website-Stile und klicke dann neben „Formen“ auf .
  3. Klicke auf Wechseln, um ein voreingestelltes Formular-Paket auszuwählen.
  4. Klicke auf Effekte, um Formularfeld- und Button-Animationen anzupassen. 
  5. Klicke auf Feldoptionen, um die Stile für Kontrollkästchen, radiale und Umfrage-Felder anzupassen.
  6. Klicke auf Schriftarten, um die Textstile von Formular-Blöcken anzupassen.
  7. Klicke auf Farben, um die Farbstile von Formular-Blöcken anzupassen.
  8. Klicke auf Formular-Abstände, um den Leerraum in deinem Formular anzupassen.
  9. Klicken Sie auf Speichern, nachdem Sie Änderungen vorgenommen haben.

Beachte, dass sich diese Stil-Einstellungen auf alle Formular-Blöcke auf deiner Website auswirken. Es ist nicht möglich, verschiedenen Formular-Blöcken unterschiedliche Stil-Einstellungen zuzuweisen, mit Ausnahme von Farben, die zwischen Formular-Blöcken variieren können, wenn sich die Blöcke in Abschnitten mit unterschiedlichen Farbschemas befinden.

Andere Arten von Formularen, wie Newsletter-Blöcke, Cover-Seiten-Formulare und Produktformulare, haben ihre eigenen Stil-Einstellungen. Weitere Informationen zu anderen Arten von Formularen findest du unter Formulare zu deiner Website hinzufügen.

Ein Formular-Paket auswählen und anpassen

Formular-Pakete sind voreingestellte Formularstile, die du als Ausgangspunkt für deinen Stil auswählen kannst. Beachte, dass deine Änderungen am ursprünglichen Formular-Paket nicht gespeichert werden, wenn du nach der Auswahl eines Formular-Pakets Änderungen an deinen Einstellungen vornimmst und dann zu einem anderen Formular-Paket wechselst.

Jedes Formular-Paket enthält Voreinstellungen für die Stil-Optionen, die im Menü Formulare angezeigt werden:

  • Feldform – Legt die Form von Formularfeldern fest. Wähle zwischen Quadrat, Abgerundetes Rechteck, Pille oder Benutzerdefinierte Ecken.
  • Feldfüllung – Aktiviere diesen Schalter, um dem Formularfeld eine Hintergrundfarbe hinzuzufügen. Wenn der Schalter deaktiviert ist, entsprechen die Formularfelder der Farbe des Formular-Blocks.
  • Rand – Wähle Keine für keinen Rand oder Alle, damit der Rand auf allen Seiten angezeigt wird. Abhängig von deinen anderen Einstellungen ist Keine möglicherweise nicht verfügbar. Wenn deine Form auf Quadratisch eingestellt ist, kannst du auch Unten auswählen, um einen Rand zu erstellen, der nur entlang der unteren Seite des Felds verläuft, wie eine Unterstreichung.
  • Randstärke – Lege die Stärke der Randlinien um Formularfelder herum fest. Diese Option wird nicht angezeigt, wenn du Keine für deinen Rand ausgewählt hast.
  • Padding – Wähle aus, wie viel Padding um den Text im Feld herum angezeigt werden soll. Wähle S, M oder L aus oder klicke auf , um ein benutzerdefiniertes Padding festzulegen.
  • Feldoptionen – Passe das Erscheinungsbild von Kontrollkästchen-, Radio- und Umfrage-Elementen für bestimmte Felder an.

Nachdem du ein Formular-Paket ausgewählt hast, kannst du diese Stil-Einstellungen im Menü Formulare weiter anpassen.

Schriftarten ändern

Klicke im Formular-Stil-Menü auf Schriftart, um die Schriftart für jedes Feld zu ändern:

  • Titel – Text über jedem Feld
  • Eingabe – Text, den deine Besucher in jedes Feld eingeben
  • Beschreibung – Text unter jedem Feld
  • Beschriftung – Text unter der Beschreibung, z. B. „Vorname“ und „Nachname“ in Namensfeldern
  • Platzhalter – Text, den du in jedem Feld anzeigen kannst
  • Option – Text für auswählbare Optionen in Kontrollkästchen, Optionsfeldern und Umfragefeldern
  • Umfragetitel – Fragetext in einer Umfrage
  • Dropdown auswählen – Text des Drop-down-Menüs

Der Text des Senden-Buttons folgt den primären, sekundären oder tertiären Button-Stilen deiner Website, je nachdem, was du im Design-Tab des Formular-Blocks auswählst.

Empfangsbestätigungsnachricht

Wenn du eine Empfangsbestätigungsnachricht hinzufügst, folgt der Text diesen Stil-Optionen in den globalen Stilen deiner Website:

  • Schriftart – Absatzeinstellungen im Menü Schriftarten
  • Größe – Absatz 2-Schieberegler im Abschnitt Absätze des Schriftarten-Menüs
  • Farbe – Farbe von Absatz (mittelgroß) im ausgewählten Abschnittsdesign oder Absatz (mittelgroß) auf Hintergrund, wenn du einen Hintergrund für den Block aktiviert hast.

Farben ändern

Standardmäßig verwenden Formular-Blöcke Farben aus der Palette deiner Website. Klicke im Formular-Stil-Menü auf Farben und aktiviere dann den Schalter Designfarben verwenden, um die Farben für Elemente deiner Formular-Blöcke basierend auf dem Farbschema des jeweiligen Abschnitts manuell anzupassen.

Wenn die Anpassung die Bezeichnung auf Hintergrund enthält, gilt sie nur für Formular-Blöcke mit aktivierter Hintergrundfarbe oder Formular-Blöcke, die so eingestellt sind, dass sie in einer Lightbox geöffnet werden. Die Anpassungen ohne auf Hintergrund gelten für Formular-Blöcke ohne aktivierte Hintergrundfarbe oder Lightbox.

Formular-Blöcke in Version 7.0 gestalten

In Version 7.0 folgen Formular-Block-Stile im Allgemeinen den Textkörper- und Button-Anpassungen deines Templates. Die Optionen sind je nach Template unterschiedlich, und einige Formularfeldbezeichnungen haben eine feste Größe. Beispielsweise ist es nicht möglich, die Größe der Bezeichnungen „Vorname“ und „Nachname“ zu ändern, die unter den Feldern „Name“ angezeigt werden. Möglicherweise kannst du auch die Farbe von Platzhaltertext in Feldern nicht ändern.

Das Lightbox-Formular hat einen festgelegten Stil. Die meisten Schriftart- oder Farbeinstellungen können nicht geändert werden. Weitere Informationen zum Gestalten deiner Website findest du unter Stil-Änderungen vornehmen.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.