Input-Feld erstellen: Text oder Bild änderbar machen

Im Template-Editor legst du mit einem Input-Feld fest, welchen Text oder welches Bild Nutzer später im Design-Generator selbst ändern können. Alles andere im Template bleibt so, wie du es eingestellt hast.

Das geht in drei Schritten:

1. Erstelle das Input-Feld im Template-Editor.
2. Konfiguriere das Input-Feld im Input Fields View.
3. Teste das Input-Feld im Design-Generator.

Input-Feld erstellen

1. Klicke in der Toolbar oben auf das Quadrat mit dem Plus. Das ist das Werkzeug Create Input Field.
   
2. Klicke auf den Text oder das Bild, das durch einen Nutzer später veränderbar sein soll. Das geht auf dem Canvas oder im Layers-Panel. Ein Popup öffnet sich.
   Es öffnet sich kein Popup?

   Liegt das Element in einer Gruppe oder Maske, wählt ein Klick auf dem Canvas die ganze Gruppe aus. Gruppen haben kein Popup. Auch gesperrte Elemente kannst du auf dem Canvas nicht anklicken. Drücke Esc und beginne wieder bei Schritt 1. Klicke dann im Layers-Panel auf das Element selbst.

3. Wähle links im Popup aus, wie Nutzer das Element ändern dürfen.
   • Für einen Text:
     • Text: Nutzer tippen selbst einen Text.
     • Text Selection: Nutzer wählen einen Text aus einem Dropdown-Menü.
   • Für ein Bild:
     • Image: Nutzer laden ein eigenes Bild hoch.
     • Image Selection: Nutzer wählen aus einer Liste.
     • Logo: Nutzer laden ein Logo hoch.
   Der gewünschte Feldtyp fehlt?

   Das Popup bietet nur an, was noch kein Input-Feld steuert. Hat das Element schon ein Input-Feld, findest du es im Input Fields View. Du öffnest ihn mit Input Fields neben Share.

   
   Rechts zeigt Field Preview, wie das Input-Feld später im Formular aussieht.
4. Klicke auf Add Field. Das Input-Feld ist jetzt erstellt und mit deinem Text oder Bild verbunden. Das Werkzeug schaltet sich danach aus.

Input-Feld konfigurieren

Im Input Fields View siehst du alle Input-Felder deines Templates und konfigurierst sie.

1. Klicke oben rechts in der Toolbar auf Input Fields. Der Input Fields View öffnet sich.
   
2. Schau ganz unten in der Liste nach deinem neuen Input-Feld. Es enthält schon den Text oder das Bild, das vorher im Element stand. Bei einem Text ist das der Inhalt der Eigenschaft Content. Nutzer sehen diesen Inhalt als Standardwert.
   
3. Ändere bei Bedarf die Überschrift des Input-Felds: Klicke auf Edit Text oder Upload Image und tippe eine neue ein. Nutzer sehen die Überschrift im Design-Generator über dem Input-Feld.
4. Klicke auf das Zahnrad rechts im Input-Feld, um weitere Einstellungen zu konfigurieren, zum Beispiel eine Beschreibung oder ein Zeichenlimit.
5. Klicke oben rechts auf ×, um den Input Fields View zu schließen.

Input-Feld im Design-Generator testen

Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und ihr Design exportieren können. Hier kannst du das Input-Feld gefahrlos testen: Was du dort eingibst, ändert dein Template nicht dauerhaft.

1. 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.
2. 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.
3. Gib in dein Input-Feld einen anderen Text ein oder lade ein anderes Bild hoch. Prüfe, ob sich das Design so ändert, wie du es willst.