Aufbau
Gruppen, Zeilen und das 12er-Raster.
Ein Formular in Shopware 6 erstellen
Vom leeren Formular bis zur ersten Einsendung. Jeder Schritt passiert in der Administration; die vier Vertiefungen unten gehen ins Einzelne.
Fünf Schritte
Keiner davon führt in den Quelltext.
dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Elemente
#NameTypBreite
Element auf oberster Ebene anlegen
- 01Formular anlegen
Ein interner Name, die Bestätigung, wahlweise eine E-Mail.
Öffne Inhalte → Formular Manager und klicke auf Formular anlegen.
- 02Gruppen setzen
Jede Gruppe wird zu einem Abschnitt mit eigener Überschrift.
Klicke im Reiter Struktur auf Element auf oberster Ebene anlegen und wähle als Typ die Gruppe.
- 03Zeilen teilen
Innerhalb einer Zeile verteilt das 12er-Raster die Breite.
Lege in der Gruppe eine Zeile an und gib jedem Feld darin unter Breite innerhalb der Zeile seinen Anteil.
- 04Elemente einsetzen
23 Feldtypen und 8 Inhaltselemente, jedes mit eigenen Optionen.
Über die drei Punkte einer Zeile wählst du Element hinzufügen, dann den Typ und unter Optionen seine Einstellungen.
- 05Einbinden
Erlebniswelt, Produktseite oder Kundenkonto.
Setze das Formular als Baustein Formular Manager in eine Erlebniswelt oder lege unter Integration eine Zuordnung an.
Was am Formular selbst steht
Vier Karten, und keine davon betrifft ein Feld.
dein-shop.de/admin
FormulareAbbrechenSpeichern
FormularStrukturElement
Stammdaten
Produktberatung anfragen
Aktiv
Bestätigung
Erfolgs-Meldung (grün)
Vielen Dank für Ihre Produktanfrage. Unser Team prüft Ihre Angaben.
E-Mail-Benachrichtigung
vertrieb@dein-shop.de
Aktiv
Stammdaten
Ein Schalter, ob das Formular aktiv und erreichbar ist, und ein Name. Der Name ist ein interner - er taucht in Listen und in der Historie auf, nicht in der Storefront.
Bestätigung
Was der Absender nach dem Senden sieht: ein Freitext mit HTML oder eine der vier Meldungsarten. Ohne eigene Nachricht greift der Text aus den Textbausteinen.
E-Mail-Benachrichtigung
Ein Schalter und eine Empfängeradresse, je Formular. Sie ersetzt die Historie nicht, sie kommt dazu.
Elemente
Der Baum. Alles Weitere spielt sich hier ab - und nur hier entscheidet sich, was das Formular überhaupt fragt.
Am Formular steht kein Verkaufskanal und kein technischer Name. Ein Formular ist global; in welchem Kanal es ausgefüllt wurde, hält erst die Einsendung fest.
Der Elementbaum
Alles Weitere sind Elemente, auch die Struktur. So sieht das Demoformular "Produktberatung anfragen" in der Administration aus.
Elemente
| # | Name | Typ | Breite |
|---|---|---|---|
| 1 | Produktberatung | Gruppe, Strukturelement | -- |
| 1.1 | Kundentyp-Zeile | Zeile, Strukturelement | -- |
| 1.1.1 | Kundentyp | Dropdown Menü (select), Eingabeelement | 1/2 |
| 1.1.2 | Beratungsthema | Einzelauswahl (radio), Eingabeelement | 1/2 |
| 1.2 | Firmendaten-Zeile | Zeile, Strukturelement | -- |
| 1.2.1 | Firma | Einzeiliger Text (text), Eingabeelement | 1/2 |
| 1.2.2 | USt-ID | Einzeiliger Text (text), Eingabeelement | 1/2 |
| 1.3 | Projekt-Zeile | Zeile, Strukturelement | -- |
| 1.3.1 | Menge | Zahl (number), Eingabeelement | 1/3 |
| 1.3.2 | Dringlichkeit | Schieberegler (range), Eingabeelement | 1/3 |
| 1.3.3 | Wunschdatum | Datum (date), Eingabeelement | 1/3 |
| 1.4 | Eilhinweis | Warnungs-Meldung (gelb), Inhaltselement | 1/1 - ganze Zeile |
Die Zahl in der ersten Spalte ist die Gliederung, nicht die Sortierung: 1.2.1 liegt in der Zeile 1.2, die wiederum in der Gruppe 1 liegt.
Wenn das Formular steht
Zwei Fragen bleiben, und beide haben eine eigene Seite.
Wo es erscheint
Erlebniswelten, Produktseite, Kundenkonto. An den letzten beiden entscheidet eine Zuordnung mit Priorität, welches Formular ein Produkt oder eine Bestellung bekommt.
Was zurückkommt
Eine Historie mit Formular, Kontext, Kunde, Verkaufskanal und Datum, dazu Filter und CSV-Export. Der Export liest die gespeicherten Einsendungen, nicht das heutige Formular.
Tiefer einsteigen
Felder
Alle 23 Feldtypen und was sie können.
Prüfen
Pflichtfelder, Grenzen, Captcha.
Bedingungen
Zwölf Operatoren und die ODER-Regel.