Ein Element, zwei Eingaben
Vorname + Nachname und E-Mail-Adresse + Telefonnummer erzeugen je zwei Felder nebeneinander. In der Einsendung stehen sie auch als zwei Werte.
Die 23 Feldtypen
Was ein Formular überhaupt abfragen kann. Die Beschreibungen stehen so auch im Editor, wenn du einen Typ auswählst.
| Typ | Wofür | Optionen |
|---|---|---|
| Einzeiliger Text (text) | Ein einzeiliges Eingabefeld für kurze Texte. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | minLength maxLength |
| Mehrzeiliger Text (textarea) | Ein mehrzeiliges Eingabefeld für längere Texte. Sichtbare Höhe, Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | rows minLength maxLength |
| Dropdown Menü (select) | Ein Dropdown mit frei definierbaren Optionen. Optionen und eine optionale Standardauswahl werden unter "Optionen" gepflegt. | Optionsliste, Vorauswahl |
| Ankreuzfeld (checkbox) | Ein einzelnes Ankreuzfeld für Ja/Nein-Angaben. Eine optionale Vorauswahl kann unter "Optionen" gepflegt werden. | defaultChecked |
| Datum (date) | Ein Datumsfeld auf Basis des Browser-Standards. Optionaler Datumsbereich und Vorauswahl werden unter "Optionen" gepflegt. | minDate maxDate |
| Uhrzeit (time) | Ein Uhrzeitfeld auf Basis des Browser-Standards. Optionaler Zeitbereich und Schrittweite werden unter "Optionen" gepflegt. | minTime maxTime step |
| Datum + Uhrzeit (datetime-local) | Ein Feld für Datum und Uhrzeit auf Basis des Browser-Standards. Ein optionaler Zeitraum wird unter "Optionen" gepflegt. | minDateTime maxDateTime |
| Zahl (number) | Ein Zahlenfeld. Minimum, Maximum, Schrittweite und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | min max step |
| Schieberegler (range) | Ein Schieberegler für Zahlenwerte. Minimum, Maximum, Schrittweite und Standardwert werden unter "Optionen" gepflegt. | min max step defaultValue |
| Telefonnummer (tel) | Ein Eingabefeld für Telefonnummern. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | minLength maxLength |
| Farbauswahl (color) | Eine Farbauswahl auf Basis des Browser-Standards. Eine optionale Standardfarbe wird unter "Optionen" gepflegt. | defaultValue |
| URL (url) | Ein Eingabefeld für URLs. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | minLength maxLength |
| E-Mail-Adresse (email) | Ein Eingabefeld für eine einzelne E-Mail-Adresse. Zeichenlimits und eine optionale Vorauswahl können unter "Optionen" gepflegt werden. | minLength maxLength |
| Einzelauswahl (radio) | Eine Einzelauswahl mit mehreren sichtbaren Optionen. Optionen und eine optionale Standardauswahl werden unter "Optionen" gepflegt. | Optionsliste, Vorauswahl |
| Mehrfachauswahl (checkboxes) | Eine Mehrfachauswahl mit mehreren sichtbaren Optionen. Optionen, Standardauswahlen und Auswahl-Limits werden unter "Optionen" gepflegt. | Optionsliste, Vorauswahl minSelections maxSelections |
| Bild Upload (file) | Ein Upload-Feld für Bilder. Erlaubte Dateiendungen und maximale Dateigröße können unter "Optionen" eingeschränkt werden. | allowedExtensions maxFileSize |
| Datei Upload (file) | Ein Upload-Feld für Dateien. Die Datei wird in den Medien gespeichert; erlaubte Endungen und maximale Dateigröße können unter "Optionen" eingeschränkt werden. | allowedExtensions maxFileSize |
| Verstecktes Feld (hidden) | Ein verstecktes Feld, das in der Storefront nicht sichtbar ist. Der mitgesendete Wert wird unter "Optionen" gepflegt. | value |
| Land-Auswahl | Eine Länderauswahl auf Basis der im Verkaufskanal verfügbaren Shopware-Länder. | — |
| Zustimmung / Einwilligung | Ein Ankreuzfeld für Zustimmungen, z. B. Datenschutz, AGB oder Einwilligungen. Fachlich klarer als eine normale Checkbox benannt. | — |
| Anrede | Die Shopware-Anredeauswahl als Dropdown. | — |
| Vorname + Nachname | Zwei Shopware-Standardfelder für Vorname und Nachname, nebeneinander dargestellt. | — |
| E-Mail-Adresse + Telefonnummer | Zwei Shopware-Standardfelder für E-Mail-Adresse und Telefonnummer, nebeneinander dargestellt. | — |
Die Spalte "Wofür" ist der Hinweistext des Editors, wörtlich. Was hinter den Optionen steckt, steht auf der Seite über das Prüfen.
Einzeiliger Text (text)
text
text
Dropdown Menü (select)
Auswahl
select
Datum (date)
01.07.2026
date
Zahl (number)
250
number
Einzelauswahl (radio)
- A
- B
Mehrfachauswahl (checkboxes)
- A
- B
Schieberegler (range)
range
Farbauswahl (color)
#4c3fb5
color
Datei Upload (file)
Dateipdf, jpg
file
Zustimmung / Einwilligung
Zustimmung
consent
Land-Auswahl
Deutschland
country
Mehrzeiliger Text (textarea)
textarea
12 der 33 Typen mit ihrem Bedienelement, so wie die Storefront es ausgibt.
Drei Besonderheiten
Nicht jeder Typ verhält sich wie ein einzelnes Eingabefeld.
Aus den Stammdaten
Land und Anrede holen ihre Auswahl aus Shopware, nicht aus einer eigenen Liste. Das Land richtet sich nach den Ländern des Verkaufskanals.
Zustimmung statt Ankreuzfeld
Technisch ein Ankreuzfeld, fachlich klarer benannt: für Datenschutz, AGB und Einwilligungen. Als Bedingungsquelle kennt es "ist aktiv" und "ist nicht aktiv".
Fünf Typen können keine Bedingung auslösen: Datei-Upload, Bild-Upload, Verstecktes Feld, Vorname + Nachname und E-Mail-Adresse + Telefonnummer. Die übrigen 18 dürfen Quelle sein.
Die acht Inhaltselemente
Sie fragen nichts ab, sie stehen einfach da. Zwei davon lassen sich mit einer Bedingung ein- und ausblenden.
| Element | Wofür |
|---|---|
| Überschrift | Eine Überschrift zur Strukturierung des Formulars. Der sichtbare Text wird über die Beschriftung gepflegt. |
| Vertikale Linie | Eine Trennlinie zur optischen Gliederung des Formulars. Es sind keine weiteren Angaben nötig. |
| Zeilenumbruch | Ein Zeilenumbruch zur optischen Gliederung des Formulars. Es sind keine weiteren Angaben nötig. |
| Freitext | Ein frei definierbarer Textbereich mit HTML-Unterstützung. Der sichtbare Inhalt wird unter "Optionen" gepflegt. |
| Erfolgs-Meldung (grün) | Eine grüne Erfolgsmeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt. |
| Hinweis-Meldung (blau) | Eine blaue Hinweismeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt. |
| Warnungs-Meldung (gelb) | Eine gelbe Warnmeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt. |
| Fehler-Meldung (rot) | Eine rote Fehlermeldung im Shopware-Stil. Der sichtbare Text wird unter "Optionen" gepflegt. |
Tiefer einsteigen
Aufbau
Gruppen, Zeilen und das 12er-Raster.
Felder
Alle 23 Feldtypen und was sie können.
Prüfen
Pflichtfelder, Grenzen, Captcha.
Bedingungen
Zwölf Operatoren und die ODER-Regel.