Gestaltung
Im Reiter Layout des Formular-Editors passen Sie das Erscheinungsbild an. Die Einstellungen sind in vier Abschnitte gegliedert.
Texte
| Einstellung | Wirkung |
|---|---|
| Titel des Formulars | Überschrift, Platzhalter Titel hinzufügen… |
| Beschreibung | Einleitungstext, Platzhalter Beschreibung hinzufügen… |
| Absenden-Button Text | Beschriftung des Absende-Buttons |
Der Button-Text darf konkret sein
Absenden ist neutral, aber nichtssagend. Anmeldung abschicken, Termin anfragen oder Störung melden sagt Ausfüllenden, was gleich passiert — und erhöht die Abschlussquote.
Bilder und Logo
| Einstellung | Wirkung |
|---|---|
| Hintergrundbild | Bild im Kopfbereich des Formulars |
| Logo | Eigenes Logo über dem Formular |
| Breite | Logobreite in Prozent der Formularbreite |
Das Logo ist tarifabhängig
Ein eigenes Logo steht nur im höchsten Tarif zur Verfügung. Hintergrundbild und Farben sind in allen Tarifen verfügbar.
Logobreite konservativ wählen
Die Angabe ist ein Prozentsatz der Formularbreite, keine Pixelgröße. Werte um 20 bis 30 Prozent wirken auf Mobilgeräten meist besser als große Logos, die dort den halben Bildschirm einnehmen.
Farben
| Einstellung | Wirkt auf |
|---|---|
| Hauptfarbe | Akzente im Formular |
| Button Farbe | Absende-Button |
| Hintergrundfarbe | Fläche hinter dem Formular |
| Hintergrundfarbe Karte | Fläche des Formulars selbst |
| Farbe Kopfzeile | Kopfbereich |
| Karte ohne Schatten | Entfernt den Schlagschatten |
Zwei Farben genügen meist
Hauptfarbe und Button-Farbe reichen für ein stimmiges Ergebnis. Werden alle sechs Einstellungen unterschiedlich gesetzt, wirkt das Formular schnell unruhig.
Achten Sie auf Kontrast: Heller Text auf hellem Hintergrund ist auf Mobilgeräten im Sonnenlicht unlesbar.
Style der Felder
Zwei Möglichkeiten:
| Auswahl | Darstellung |
|---|---|
| Ohne Rahmen | Beschriftung wandert beim Tippen nach oben |
| Mit Rahmen | Beschriftung steht fest über dem umrandeten Feld |
Mit Rahmen ist meist die sicherere Wahl
Bei Ohne Rahmen ist die Beschriftung zunächst im Feld — manche Ausfüllende halten sie für einen bereits eingetragenen Wert. Bei längeren Formularen mit vielen Feldern ist Mit Rahmen eindeutiger.
Produkthinweis ausblenden
Formulare tragen standardmäßig den Hinweis Erstell dein eigenes kostenloses Formular mit …. Über Produkt Hinweis ausblenden entfernen Sie ihn.
Tarifabhängig.
Erscheinungsbild prüfen
In beiden Breiten ansehen
Über Vorschau in neuem Tab sehen Sie das Formular wie Ausfüllende. Verkleinern Sie das Fenster auf Smartphone-Breite — dort fallen zu große Logos, schlechte Kontraste und überlange Beschriftungen zuerst auf.
Beim Einbetten gibt es zusätzlich Vorschau Smartphone und Vorschau Computer. → Formular teilen
Grenzen der Gestaltung
Was im Formular nicht geht
- Kein eigenes CSS, keine freie Positionierung
- Keine bedingte Anzeige von Feldern
- Kein mehrspaltiges Layout — Felder stehen untereinander
Brauchen Sie das, ist eine Seite das richtige Werkzeug: Dort gibt es Layout-Blöcke, HTML und bedingte Sichtbarkeit.