[{"data":1,"prerenderedAt":501},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Foffer-a-selection":3},{"id":4,"title":5,"body":6,"category":483,"description":484,"extension":485,"keywords":486,"meta":491,"navigation":492,"order":493,"path":494,"published":495,"rawbody":496,"seo":497,"stem":498,"updated":499,"__hash__":500},"helpDe\u002Fhelp\u002Finput-fields\u002Foffer-a-selection.de.md","Auswahl anbieten: Nutzer aus festen Texten oder Bildern wählen lassen",{"type":7,"value":8,"toc":476},"minimark",[9,22,25,47,52,179,183,188,382,392,403,407,412,446],[10,11,12,13,17,18,21],"p",{},"Im ",[14,15,16],"place",{},"Template-Editor"," legst du mit einem Auswahl-Input-Feld fest, dass Nutzer im ",[14,19,20],{},"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.",[10,23,24],{},"Das geht in drei Schritten:",[26,27,28,35,42],"ol",{},[29,30,31,32,34],"li",{},"Erstelle das Input-Feld im ",[14,33,16],{},".",[29,36,37,38,41],{},"Lege die Optionen im ",[14,39,40],{},"Input Fields View"," fest.",[29,43,44,45,34],{},"Teste das Input-Feld im ",[14,46,20],{},[48,49,51],"h2",{"id":50},"input-feld-erstellen","Input-Feld erstellen",[26,53,54,78,119,167],{},[29,55,56,60,61,64,65,34,69,72],{},[57,58,59],"click",{},"Klicke"," in der ",[14,62,63],{},"Toolbar"," oben auf das Quadrat mit dem Plus. Das ist das Werkzeug ",[66,67,68],"strong",{},"Create Input Field",[70,71],"br",{},[73,74],"img",{"alt":75,"src":76,"width":77},"Toolbar mit markiertem Werkzeug Create Input Field.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-01\u002Fpublic",894,[29,79,80,82,83,86,87,90,91],{},[57,81,59],{}," auf den Text oder das Bild, für das Nutzer eine Auswahl bekommen sollen. Das geht auf dem ",[14,84,85],{},"Canvas"," oder im ",[14,88,89],{},"Layers-Panel",". Ein Popup öffnet sich.",[92,93,95],"trouble",{"symptom":94},"Es öffnet sich kein Popup?",[10,96,97,98,100,101,103,104,108,109,112,113,115,116,118],{},"Liegt das Element in einer Gruppe oder Maske, wählt ein Klick auf dem ",[14,99,85],{}," die ganze Gruppe aus. Gruppen haben kein Popup. Auch gesperrte Elemente kannst du auf dem ",[14,102,85],{}," nicht anklicken. ",[105,106,107],"press",{},"Drücke"," ",[66,110,111],{},"Esc"," und beginne wieder bei Schritt 1. ",[57,114,59],{}," dann im ",[14,117,89],{}," auf das Element selbst.",[29,120,121,124,125,145,161,163],{},[57,122,123],{},"Wähle"," links im Popup den Feldtyp für die Auswahl.",[126,127,128,137],"ul",{},[29,129,130,133,134],{},[131,132],"right",{}," Für einen Text: ",[66,135,136],{},"Text Selection",[29,138,139,141,142],{},[131,140],{}," Für ein Bild: ",[66,143,144],{},"Image Selection",[92,146,148],{"symptom":147},"Der gewünschte Feldtyp fehlt?",[10,149,150,151,153,154,157,158,34],{},"Das Popup bietet nur an, was noch kein Input-Feld steuert. Hat das Element schon ein Input-Feld, findest du es im ",[14,152,40],{},". Du öffnest ihn mit ",[66,155,156],{},"Input Fields"," neben ",[66,159,160],{},"Share",[70,162],{},[73,164],{"alt":165,"src":166,"width":77},"Popup für ein Textelement mit ausgewähltem und markiertem Feldtyp Text Selection, rechts eine Vorschau des Input-Felds.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-offer-a-selection-02\u002Fpublic?v=a83b2ca9",[29,168,169,171,172,175,176,178],{},[57,170,59],{}," auf ",[66,173,174],{},"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 ",[66,177,144],{}," kommt ein Platzhalterbild als zweite Option dazu.",[48,180,182],{"id":181},"optionen-festlegen","Optionen festlegen",[10,184,12,185,187],{},[14,186,40],{}," siehst du alle Input-Felder deines Templates und konfigurierst sie.",[26,189,190,209,223,241,249,288,302,348,355,369],{},[29,191,192,194,195,171,197,199,200,202,203,205],{},[57,193,59],{}," oben rechts in der ",[14,196,63],{},[66,198,156],{},". Der ",[14,201,40],{}," öffnet sich.",[70,204],{},[73,206],{"alt":207,"src":208,"width":77},"Toolbar oben rechts mit markiertem Button Input Fields.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-02\u002Fpublic",[29,210,211,215,216,219,220,34],{},[212,213,214],"look",{},"Schau"," ganz unten in der Liste nach deinem neuen Input-Feld. Es heißt ",[66,217,218],{},"Select Text"," oder ",[66,221,222],{},"Select Image",[29,224,225,227,228,219,231,34,234,236],{},[57,226,59],{}," auf das Zahnrad rechts im Input-Feld. Die Einstellungen öffnen sich. Darin stehen deine Optionen unter ",[66,229,230],{},"Text options",[66,232,233],{},"Image options",[70,235],{},[73,237],{"alt":238,"src":239,"width":240},"Einstellungen eines Text-Selection-Input-Felds: Text options mit zwei Optionen, Add option und Type.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-offer-a-selection-01\u002Fpublic",338,[29,242,243,171,245,248],{},[57,244,59],{},[66,246,247],{},"Add option",". Eine neue Option erscheint. Sie ist eine Kopie der letzten Option.",[29,250,251,252,285,287],{},"Ändere die neue Option:",[126,253,254,267],{},[29,255,256,133,258,262,263,266],{},[131,257],{},[259,260,261],"type",{},"Gib"," bei ",[66,264,265],{},"Value"," den Text ein, der im Design erscheinen soll.",[29,268,269,141,271,273,274,277,278,280,281,284],{},[131,270],{},[57,272,59],{}," auf das Bild der Option. Die ",[66,275,276],{},"Image Library"," öffnet sich. ",[57,279,123],{}," ein Bild aus oder lade mit ",[66,282,283],{},"Upload"," ein eigenes hoch.",[70,286],{},"Wiederhole Schritt 4 und 5 für jede weitere Option.",[29,289,290,292,293,295,296],{},[57,291,59],{}," bei Optionen, die du nicht brauchst, auf den Papierkorb in ihrer Zeile. Bei ",[66,294,144],{}," gehört meist das Platzhalterbild dazu.",[92,297,299],{"symptom":298},"Der Papierkorb lässt sich nicht anklicken?",[10,300,301],{},"Eine Option muss immer bleiben. Die letzte Option kannst du nur ersetzen, nicht löschen.",[29,303,304,262,306,309,310,335,337,338,108,340,342,343,345,346,34],{},[57,305,123],{},[66,307,308],{},"Type",", wie Nutzer die Auswahl sehen:",[126,311,312,322],{},[29,313,314,133,316,219,319],{},[131,315],{},[66,317,318],{},"Dropdown",[66,320,321],{},"Buttons",[29,323,324,141,326,328,329,219,332],{},[131,325],{},[66,327,318],{},", ",[66,330,331],{},"Button Grid",[66,333,334],{},"Carousel",[70,336],{},"Auf dem Smartphone zeigt der ",[14,339,20],{},[66,341,321],{}," als Dropdown-Menü und ein ",[66,344,331],{}," als ",[66,347,334],{},[29,349,350,171,352,34],{},[57,351,59],{},[66,353,354],{},"Done",[29,356,357,359,360],{},[57,358,123],{}," im Input-Feld die Option aus, mit der das Design starten soll. Sie ist jetzt der Standardwert.",[92,361,363],{"symptom":362},"Das Input-Feld zeigt keine ausgewählte Option?",[10,364,365,366,368],{},"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. ",[57,367,123],{}," im Input-Feld eine Option aus. Sie ist dann der neue Standardwert.",[29,370,371,373,374,378,379,381],{},[57,372,59],{}," oben rechts auf ",[375,376,377],"close",{},"×",", um den ",[14,380,40],{}," zu schließen.",[383,384,385],"tip",{},[10,386,387,388,391],{},"Mit ",[66,389,390],{},"Custom label"," gibst du einer Option eine eigene Beschriftung. Nutzer sehen dann die Beschriftung statt des Texts, zum Beispiel „Messe-Version“ statt eines langen Satzes.",[393,394,395],"warning",{},[10,396,397,398,400,401,34],{},"Der ",[14,399,40],{}," ist keine Vorschau. Was du hier in einem Input-Feld auswählst, ändert dein Template dauerhaft. Teste Input-Felder im ",[14,402,20],{},[48,404,406],{"id":405},"input-feld-im-design-generator-testen","Input-Feld im Design-Generator testen",[10,408,397,409,411],{},[14,410,20],{}," 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.",[26,413,414,431,441],{},[29,415,416,417,373,420,422,423,426,427,430],{},"Wenn du mit deinen Input-Feldern fertig bist, ",[57,418,419],{},"klicke",[66,421,160],{}," und dann auf ",[66,424,425],{},"Publish Template Link",". Hast du das Template schon veröffentlicht, heißt der Menüpunkt ",[66,428,429],{},"Open Template Campaign",". Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.",[29,432,433,171,435,438,439,202],{},[57,434,59],{},[66,436,437],{},"Copy URL"," und öffne den Link in einem neuen Browser-Tab. Der ",[14,440,20],{},[29,442,443,445],{},[57,444,123],{}," in deinem Input-Feld eine andere Option. Prüfe, ob sich das Design so ändert, wie du es willst.",[447,448,449],"related",{},[126,450,451,458,464,470],{},[29,452,453],{},[454,455,457],"a",{"href":456},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field","Input-Feld erstellen: Text oder Bild änderbar machen",[29,459,460],{},[454,461,463],{"href":462},"\u002Fde\u002Fhelp\u002Finput-fields\u002Felements-properties-input-fields","Wie Elemente, Eigenschaften und Input-Felder zusammenhängen",[29,465,466],{},[454,467,469],{"href":468},"\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields","Text-Input-Felder",[29,471,472],{},[454,473,475],{"href":474},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields","Image-Input-Felder",{"title":477,"searchDepth":478,"depth":478,"links":479},"",2,[480,481,482],{"id":50,"depth":478,"text":51},{"id":181,"depth":478,"text":182},{"id":405,"depth":478,"text":406},"input-fields","Lass Nutzer im Design-Generator aus Texten oder Bildern wählen, die du vorgibst, statt selbst zu tippen oder hochzuladen.","md",[136,144,487,318,488,247,230,233,331,334,489,490],"Auswahl","Optionen","vorgeben","markenkonform",{},true,13,"\u002Fhelp\u002Finput-fields\u002Foffer-a-selection.de","2026-10-13","---\ntitle: \"Auswahl anbieten: Nutzer aus festen Texten oder Bildern wählen lassen\"\ndescription: \"Lass Nutzer im Design-Generator aus Texten oder Bildern wählen, die du vorgibst, statt selbst zu tippen oder hochzuladen.\"\ncategory: input-fields\norder: 13\nkeywords: [\"Text Selection\", \"Image Selection\", \"Auswahl\", \"Dropdown\", \"Optionen\", \"Add option\", \"Text options\", \"Image options\", \"Button Grid\", \"Carousel\", \"vorgeben\", \"markenkonform\"]\n---\n\nIm :place[Template-Editor] legst du mit einem Auswahl-Input-Feld fest, dass Nutzer im :place[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.\n\nDas geht in drei Schritten:\n\n1. Erstelle das Input-Feld im :place[Template-Editor].\n2. Lege die Optionen im :place[Input Fields View] fest.\n3. Teste das Input-Feld im :place[Design-Generator].\n\n\n## Input-Feld erstellen\n\n1. :click[Klicke] in der :place[Toolbar] oben auf das Quadrat mit dem Plus. Das ist das Werkzeug **Create Input Field**.\n\n   ![Toolbar mit markiertem Werkzeug Create Input Field.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-01\u002Fpublic){width=\"894\"}\n\n2. :click[Klicke] auf den Text oder das Bild, für das Nutzer eine Auswahl bekommen sollen. Das geht auf dem :place[Canvas] oder im :place[Layers-Panel]. Ein Popup öffnet sich.\n\n   ::trouble{symptom=\"Es öffnet sich kein Popup?\"}\n   Liegt das Element in einer Gruppe oder Maske, wählt ein Klick auf dem :place[Canvas] die ganze Gruppe aus. Gruppen haben kein Popup. Auch gesperrte Elemente kannst du auf dem :place[Canvas] nicht anklicken. :press[Drücke] **Esc** und beginne wieder bei Schritt 1. :click[Klicke] dann im :place[Layers-Panel] auf das Element selbst.\n   ::\n\n3. :click[Wähle] links im Popup den Feldtyp für die Auswahl.\n\n   - :right Für einen Text: **Text Selection**\n   - :right Für ein Bild: **Image Selection**\n\n   ::trouble{symptom=\"Der gewünschte Feldtyp fehlt?\"}\n   Das Popup bietet nur an, was noch kein Input-Feld steuert. Hat das Element schon ein Input-Feld, findest du es im :place[Input Fields View]. Du öffnest ihn mit **Input Fields** neben **Share**.\n   ::\n\n   ![Popup für ein Textelement mit ausgewähltem und markiertem Feldtyp Text Selection, rechts eine Vorschau des Input-Felds.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-offer-a-selection-02\u002Fpublic?v=a83b2ca9){width=\"894\"}\n\n4. :click[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.\n\n## Optionen festlegen\n\nIm :place[Input Fields View] siehst du alle Input-Felder deines Templates und konfigurierst sie.\n\n1. :click[Klicke] oben rechts in der :place[Toolbar] auf **Input Fields**. Der :place[Input Fields View] öffnet sich.\n\n   ![Toolbar oben rechts mit markiertem Button Input Fields.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-02\u002Fpublic){width=\"894\"}\n\n2. :look[Schau] ganz unten in der Liste nach deinem neuen Input-Feld. Es heißt **Select Text** oder **Select Image**.\n3. :click[Klicke] auf das Zahnrad rechts im Input-Feld. Die Einstellungen öffnen sich. Darin stehen deine Optionen unter **Text options** oder **Image options**.\n\n   ![Einstellungen eines Text-Selection-Input-Felds: Text options mit zwei Optionen, Add option und Type.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-offer-a-selection-01\u002Fpublic){width=\"338\"}\n\n4. :click[Klicke] auf **Add option**. Eine neue Option erscheint. Sie ist eine Kopie der letzten Option.\n5. Ändere die neue Option:\n\n   - :right Für einen Text: :type[Gib] bei **Value** den Text ein, der im Design erscheinen soll.\n   - :right Für ein Bild: :click[Klicke] auf das Bild der Option. Die **Image Library** öffnet sich. :click[Wähle] ein Bild aus oder lade mit **Upload** ein eigenes hoch.\n\n   Wiederhole Schritt 4 und 5 für jede weitere Option.\n\n6. :click[Klicke] bei Optionen, die du nicht brauchst, auf den Papierkorb in ihrer Zeile. Bei **Image Selection** gehört meist das Platzhalterbild dazu.\n\n   ::trouble{symptom=\"Der Papierkorb lässt sich nicht anklicken?\"}\n   Eine Option muss immer bleiben. Die letzte Option kannst du nur ersetzen, nicht löschen.\n   ::\n\n7. :click[Wähle] bei **Type**, wie Nutzer die Auswahl sehen:\n\n   - :right Für einen Text: **Dropdown** oder **Buttons**\n   - :right Für ein Bild: **Dropdown**, **Button Grid** oder **Carousel**\n\n   Auf dem Smartphone zeigt der :place[Design-Generator] **Buttons** als Dropdown-Menü und ein **Button Grid** als **Carousel**.\n\n8. :click[Klicke] auf **Done**.\n9. :click[Wähle] im Input-Feld die Option aus, mit der das Design starten soll. Sie ist jetzt der Standardwert.\n\n   ::trouble{symptom=\"Das Input-Feld zeigt keine ausgewählte Option?\"}\n   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. :click[Wähle] im Input-Feld eine Option aus. Sie ist dann der neue Standardwert.\n   ::\n\n10. :click[Klicke] oben rechts auf :close[×], um den :place[Input Fields View] zu schließen.\n\n::tip\nMit **Custom label** gibst du einer Option eine eigene Beschriftung. Nutzer sehen dann die Beschriftung statt des Texts, zum Beispiel „Messe-Version“ statt eines langen Satzes.\n::\n\n::warning\nDer :place[Input Fields View] ist keine Vorschau. Was du hier in einem Input-Feld auswählst, ändert dein Template dauerhaft. Teste Input-Felder im :place[Design-Generator].\n::\n\n## Input-Feld im Design-Generator testen\n\nDer :place[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.\n\n1. Wenn du mit deinen Input-Feldern fertig bist, :click[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.\n2. :click[Klicke] auf **Copy URL** und öffne den Link in einem neuen Browser-Tab. Der :place[Design-Generator] öffnet sich.\n3. :click[Wähle] in deinem Input-Feld eine andere Option. Prüfe, ob sich das Design so ändert, wie du es willst.\n\n::related\n- [Input-Feld erstellen: Text oder Bild änderbar machen](\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field)\n- [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](\u002Fde\u002Fhelp\u002Finput-fields\u002Felements-properties-input-fields)\n- [Text-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields)\n- [Image-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields)\n::\n",{"title":5,"description":484},"help\u002Finput-fields\u002Foffer-a-selection.de","2026-10-22","ZC1tf-rxm_eN5lAPkTpm38jEPuva3yx9pzqRxw3IeN8",1792680564103]