Im Template-Editor legst du mit einem Auswahl-Input-Feld fest, dass Nutzer im Design-Generator aus Texten oder Bildern wählen, die du vorgibst. Sie tippen nichts selbst und laden nichts hoch. So bleibt jedes Design so, wie deine Marke es vorsieht.
Das geht in drei Schritten:
- Erstelle das Input-Feld im Template-Editor.
- Lege die Optionen im Input Fields View fest.
- Teste das Input-Feld im Design-Generator.
Input-Feld erstellen
- Klicke in der Toolbar oben auf das Quadrat mit dem Plus. Das ist das Werkzeug Create Input Field.
- Klicke auf den Text oder das Bild, für das Nutzer eine Auswahl bekommen sollen. 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.
- Wähle links im Popup den Feldtyp für die Auswahl.
- Für einen Text: Text Selection
- Für ein Bild: Image Selection
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.
- Klicke auf Add Field. Das Input-Feld ist jetzt erstellt und hat schon eine erste Option: den Text oder das Bild, das vorher im Element stand. Bei Image Selection kommt ein Platzhalterbild als zweite Option dazu.
Optionen festlegen
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.
- Schau ganz unten in der Liste nach deinem neuen Input-Feld. Es heißt Select Text oder Select Image.
- Klicke auf das Zahnrad rechts im Input-Feld. Die Einstellungen öffnen sich. Darin stehen deine Optionen unter Text options oder Image options.
- Klicke auf Add option. Eine neue Option erscheint. Sie ist eine Kopie der letzten Option.
- Ändere die neue Option:
- Für einen Text: Gib bei Value den Text ein, der im Design erscheinen soll.
- Für ein Bild: Klicke auf das Bild der Option. Die Image Library öffnet sich. Wähle ein Bild aus oder lade mit Upload ein eigenes hoch.
Wiederhole Schritt 4 und 5 für jede weitere Option. - Klicke bei Optionen, die du nicht brauchst, auf den Papierkorb in ihrer Zeile. Bei Image Selection gehört meist das Platzhalterbild dazu.
Der Papierkorb lässt sich nicht anklicken?
Eine Option muss immer bleiben. Die letzte Option kannst du nur ersetzen, nicht löschen.
- Wähle bei Type, wie Nutzer die Auswahl sehen:
- Für einen Text: Dropdown oder Buttons
- Für ein Bild: Dropdown, Button Grid oder Carousel
Auf dem Smartphone zeigt der Design-Generator Buttons als Dropdown-Menü und ein Button Grid als Carousel. - Klicke auf Done.
- Wähle im Input-Feld die Option aus, mit der das Design starten soll. Sie ist jetzt der Standardwert.
Das Input-Feld zeigt keine ausgewählte Option?
Der Standardwert ist noch der Text oder das Bild, das beim Erstellen im Element stand. Hast du diese Option geändert oder gelöscht, passt der Standardwert zu keiner Option mehr, und das Input-Feld zeigt nichts an. Wähle im Input-Feld eine Option aus. Sie ist dann der neue Standardwert.
- 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 auswählst, ändert dein Template nicht dauerhaft.
- 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.
- Wähle in deinem Input-Feld eine andere Option. Prüfe, ob sich das Design so ändert, wie du es willst.