Im Input Fields View fasst du mit einer Input-Feld-Gruppe Input-Felder zusammen, die zusammengehören, zum Beispiel alle Input-Felder für den Header. Nutzer sehen sie im Design-Generator gemeinsam unter einer Überschrift, so bleibt ein langes Formular übersichtlich. Am Design ändert eine Input-Feld-Gruppe nichts.
Das geht in vier Schritten:
- Erstelle die Input-Feld-Gruppe im Input Fields View.
- Konfiguriere die Input-Feld-Gruppe im Input Fields View.
- Nimm bei Bedarf Input-Felder wieder aus der Input-Feld-Gruppe heraus.
- Teste die Input-Feld-Gruppe im Design-Generator.
Input-Feld-Gruppe erstellen
Im Input Fields View siehst du alle Input-Felder deines Templates und konfigurierst sie.
- Klicke oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
- Klicke links neben jedem Input-Feld, das in die Gruppe soll, auf das Kästchen. Geh dabei in der Reihenfolge vor, in der Nutzer die Input-Felder sehen sollen. In dieser Reihenfolge stehen sie später in der Gruppe.
- Klicke oben in der Leiste auf Group. Die Input-Felder stehen jetzt gemeinsam in einer Input-Feld-Gruppe. Die Gruppe steht an der Stelle des Input-Felds, das du zuerst angehakt hast. Dasselbe macht Group selected fields im Menü mit den drei Punkten rechts neben Delete.
Group ist ausgegraut?
Der Button funktioniert erst, wenn mindestens ein Input-Feld angehakt ist. Klicke links neben einem Input-Feld auf das Kästchen.
Input-Feld-Gruppe konfigurieren
- Ändere die Überschrift der Gruppe: Klicke im Kopf der Gruppe auf New Group field und tippe eine Überschrift ein, die Nutzer verstehen, zum Beispiel „Header“. Nutzer sehen sie im Design-Generator über der Gruppe. Soll die Gruppe keine Überschrift haben, lösche den Text.
- Füge bei Bedarf weitere Input-Felder hinzu:
- Für ein vorhandenes Input-Feld: Ziehe es an den drei Strichen links in seinem Kopf in die Gruppe.
- Für ein neues Input-Feld: Klicke unten in der Gruppe auf Add field und wähle einen Feldtyp. Das neue Input-Feld steht am Ende der Gruppe. Es ist noch mit keinem Element verbunden. Einfacher ist es meist, das Input-Feld mit dem Werkzeug Create Input Field zu erstellen und dann in die Gruppe zu ziehen.
- Klicke oben rechts auf ×, um den Input Fields View zu schließen.
Input-Felder aus der Gruppe herausnehmen
- Klicke oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
- Klicke links neben den Input-Feldern in der Gruppe, die du herausnehmen willst, auf das Kästchen.
- Klicke oben in der Leiste auf die drei Punkte rechts neben Delete. Ein Menü öffnet sich.
- Klicke auf Ungroup selected fields. Die Input-Felder stehen jetzt direkt über der Gruppe. Ist die Gruppe danach leer, verschwindet sie.
Ungroup selected fields ist ausgegraut?
Der Menüpunkt funktioniert nur für Input-Felder, die in einer Gruppe stehen. Hast du nur die Gruppe selbst angehakt, klicke stattdessen auf die Kästchen der Input-Felder darin.
- Klicke oben rechts auf ×, um den Input Fields View zu schließen.
Input-Feld-Gruppe im Design-Generator testen
Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Dort siehst du die Gruppe so, wie Nutzer sie sehen.
- Wenn du mit deinen Input-Feldern fertig bist, klicke oben rechts auf Share und dann auf Publish Template Link. Hast du das Template schon veröffentlicht, heißt der Menüpunkt Open Template Campaign. Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.
- Klicke auf Copy URL und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.
- Schau, ob die Input-Felder gemeinsam unter der Überschrift der Gruppe stehen. Auf dem Smartphone zeigt der Design-Generator die Input-Felder nacheinander, meist eines auf einmal, ohne den gemeinsamen Kasten.