[{"data":1,"prerenderedAt":421},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Finput-fields\u002Fcreate-input-field":3},{"id":4,"title":5,"body":6,"category":399,"description":400,"extension":401,"keywords":402,"meta":411,"navigation":412,"order":413,"path":414,"published":415,"rawbody":416,"seo":417,"stem":418,"updated":419,"__hash__":420},"helpDe\u002Fhelp\u002Finput-fields\u002Fcreate-input-field.de.md","Input-Feld erstellen: Text oder Bild änderbar machen",{"type":7,"value":8,"toc":392},"minimark",[9,22,25,46,51,204,219,223,228,301,312,316,321,365],[10,11,12,13,17,18,21],"p",{},"Im ",[14,15,16],"place",{},"Template-Editor"," legst du mit einem Input-Feld fest, welchen Text oder welches Bild Nutzer später im ",[14,19,20],{},"Design-Generator"," selbst ändern können. Alles andere im Template bleibt so, wie du es eingestellt hast.",[10,23,24],{},"Das geht in drei Schritten:",[26,27,28,35,41],"ol",{},[29,30,31,32,34],"li",{},"Erstelle das Input-Feld im ",[14,33,16],{},".",[29,36,37,38,34],{},"Konfiguriere das Input-Feld im ",[14,39,40],{},"Input Fields View",[29,42,43,44,34],{},"Teste das Input-Feld im ",[14,45,20],{},[47,48,50],"h2",{"id":49},"input-feld-erstellen","Input-Feld erstellen",[26,52,53,77,118,195],{},[29,54,55,59,60,63,64,34,68,71],{},[56,57,58],"click",{},"Klicke"," in der ",[14,61,62],{},"Toolbar"," oben auf das Quadrat mit dem Plus. Das ist das Werkzeug ",[65,66,67],"strong",{},"Create Input Field",[69,70],"br",{},[72,73],"img",{"alt":74,"src":75,"width":76},"Toolbar mit markiertem Werkzeug Create Input Field.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-01\u002Fpublic",894,[29,78,79,81,82,85,86,89,90],{},[56,80,58],{}," auf den Text oder das Bild, das durch einen Nutzer später veränderbar sein soll. Das geht auf dem ",[14,83,84],{},"Canvas"," oder im ",[14,87,88],{},"Layers-Panel",". Ein Popup öffnet sich.",[91,92,94],"trouble",{"symptom":93},"Es öffnet sich kein Popup?",[10,95,96,97,99,100,102,103,107,108,111,112,114,115,117],{},"Liegt das Element in einer Gruppe oder Maske, wählt ein Klick auf dem ",[14,98,84],{}," die ganze Gruppe aus. Gruppen haben kein Popup. Auch gesperrte Elemente kannst du auf dem ",[14,101,84],{}," nicht anklicken. ",[104,105,106],"press",{},"Drücke"," ",[65,109,110],{},"Esc"," und beginne wieder bei Schritt 1. ",[56,113,58],{}," dann im ",[14,116,88],{}," auf das Element selbst.",[29,119,120,123,124,172,188,190],{},[56,121,122],{},"Wähle"," links im Popup aus, wie Nutzer das Element ändern dürfen.",[125,126,127,147],"ul",{},[29,128,129,132,133],{},[130,131],"right",{}," Für einen Text:\n",[125,134,135,141],{},[29,136,137,140],{},[65,138,139],{},"Text",": Nutzer tippen selbst einen Text.",[29,142,143,146],{},[65,144,145],{},"Text Selection",": Nutzer wählen einen Text aus einem Dropdown-Menü.",[29,148,149,151,152],{},[130,150],{}," Für ein Bild:\n",[125,153,154,160,166],{},[29,155,156,159],{},[65,157,158],{},"Image",": Nutzer laden ein eigenes Bild hoch.",[29,161,162,165],{},[65,163,164],{},"Image Selection",": Nutzer wählen aus einer Liste.",[29,167,168,171],{},[65,169,170],{},"Logo",": Nutzer laden ein Logo hoch.",[91,173,175],{"symptom":174},"Der gewünschte Feldtyp fehlt?",[10,176,177,178,180,181,184,185,34],{},"Das Popup bietet nur an, was noch kein Input-Feld steuert. Hat das Element schon ein Input-Feld, findest du es im ",[14,179,40],{},". Du öffnest ihn mit ",[65,182,183],{},"Input Fields"," neben ",[65,186,187],{},"Share",[69,189],{},[72,191],{"alt":192,"src":193,"width":76,"title":194},"Popup für ein Textelement mit dem markierten Feldtyp Text und darunter Text Selection, rechts die Field Preview.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-03\u002Fpublic?v=2004ca41","Rechts zeigt Field Preview, wie das Input-Feld später im Formular aussieht.",[29,196,197,199,200,203],{},[56,198,58],{}," auf ",[65,201,202],{},"Add Field",". Das Input-Feld ist jetzt erstellt und mit deinem Text oder Bild verbunden. Das Werkzeug schaltet sich danach aus.",[205,206,207],"tip",{},[10,208,209,210,213,214,34],{},"Auch Farben, Größen und andere Eigenschaften kannst du änderbar machen: mit ",[65,211,212],{},"Select Custom Property"," im Popup. Wie das geht, steht in ",[215,216,218],"a",{"href":217},"\u002Fde\u002Fhelp\u002Finput-fields\u002Felements-properties-input-fields","Wie Elemente, Eigenschaften und Input-Felder zusammenhängen",[47,220,222],{"id":221},"input-feld-konfigurieren","Input-Feld konfigurieren",[10,224,12,225,227],{},[14,226,40],{}," siehst du alle Input-Felder deines Templates und konfigurierst sie.",[26,229,230,249,267,283,288],{},[29,231,232,234,235,199,237,239,240,242,243,245],{},[56,233,58],{}," oben rechts in der ",[14,236,62],{},[65,238,183],{},". Der ",[14,241,40],{}," öffnet sich.",[69,244],{},[72,246],{"alt":247,"src":248,"width":76},"Toolbar oben rechts mit markiertem Button Input Fields.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-02\u002Fpublic",[29,250,251,255,256,259,260,262],{},[252,253,254],"look",{},"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 ",[65,257,258],{},"Content",". Nutzer sehen diesen Inhalt als Standardwert.",[69,261],{},[72,263],{"alt":264,"src":265,"width":266},"Input Fields View mit den Input-Feldern Upload Image und, ganz unten markiert, Edit Text mit dem Standardwert Jane Doe \u002F Role \u002F Company.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-04\u002Fpublic?v=d7928924",472,[29,268,269,270,199,272,275,276,279,280,282],{},"Ändere bei Bedarf die Überschrift des Input-Felds: ",[56,271,58],{},[65,273,274],{},"Edit Text"," oder ",[65,277,278],{},"Upload Image"," und tippe eine neue ein. Nutzer sehen die Überschrift im ",[14,281,20],{}," über dem Input-Feld.",[29,284,285,287],{},[56,286,58],{}," auf das Zahnrad rechts im Input-Feld, um weitere Einstellungen zu konfigurieren, zum Beispiel eine Beschreibung oder ein Zeichenlimit.",[29,289,290,292,293,297,298,300],{},[56,291,58],{}," oben rechts auf ",[294,295,296],"close",{},"×",", um den ",[14,299,40],{}," zu schließen.",[302,303,304],"warning",{},[10,305,306,307,309,310,34],{},"Der ",[14,308,40],{}," ist keine Vorschau. Was du hier in ein Input-Feld einträgst oder hochlädst, ändert dein Template dauerhaft. Teste Input-Felder im ",[14,311,20],{},[47,313,315],{"id":314},"input-feld-im-design-generator-testen","Input-Feld im Design-Generator testen",[10,317,306,318,320],{},[14,319,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 eingibst, ändert dein Template nicht dauerhaft.",[26,322,323,340,351],{},[29,324,325,326,292,329,331,332,335,336,339],{},"Wenn du mit deinen Input-Feldern fertig bist, ",[56,327,328],{},"klicke",[65,330,187],{}," und dann auf ",[65,333,334],{},"Publish Template Link",". Hast du das Template schon veröffentlicht, heißt der Menüpunkt ",[65,337,338],{},"Open Template Campaign",". Ein Popup mit den Share-Einstellungen öffnet sich. Dein Template ist jetzt über einen Link erreichbar.",[29,341,342,199,344,347,348,350],{},[56,343,58],{},[65,345,346],{},"Copy URL"," und öffne den Link in einem neuen Browser-Tab. Der ",[14,349,20],{}," öffnet sich. Am Computer stehen links die Input-Felder, rechts das Design.",[29,352,353,357,358,360],{},[354,355,356],"type",{},"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.",[69,359],{},[72,361],{"alt":362,"src":363,"width":364},"Design-Generator: links die Input-Felder mit ihren Namen, rechts das Design mit den eingetragenen Werten.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-using-a-design-generator-01\u002Fpublic",1200,[366,367,368],"related",{},[125,369,370,376,382,388],{},[29,371,372],{},[215,373,375],{"href":374},"\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fshare-template-link","Template-Link veröffentlichen: Design-Generator teilen",[29,377,378],{},[215,379,381],{"href":380},"\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields","Text-Input-Felder",[29,383,384],{},[215,385,387],{"href":386},"\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields","Image-Input-Felder",[29,389,390],{},[215,391,218],{"href":217},{"title":393,"searchDepth":394,"depth":394,"links":395},"",2,[396,397,398],{"id":49,"depth":394,"text":50},{"id":221,"depth":394,"text":222},{"id":314,"depth":394,"text":315},"input-fields","Mach einen Text oder ein Bild in deinem Template für Nutzer deines Design-Generators änderbar und teste das Ergebnis.","md",[67,403,404,405,406,407,408,202,139,409,158,20,410,334],"Input Field","Input-Feld","Inputfeld","Feld erstellen","änderbar","editierbar","Bild","Design Generator",{},true,11,"\u002Fhelp\u002Finput-fields\u002Fcreate-input-field.de","2026-10-13","---\ntitle: \"Input-Feld erstellen: Text oder Bild änderbar machen\"\ndescription: \"Mach einen Text oder ein Bild in deinem Template für Nutzer deines Design-Generators änderbar und teste das Ergebnis.\"\ncategory: input-fields\norder: 11\nkeywords: [\"Create Input Field\", \"Input Field\", \"Input-Feld\", \"Inputfeld\", \"Feld erstellen\", \"änderbar\", \"editierbar\", \"Add Field\", \"Text\", \"Bild\", \"Image\", \"Design-Generator\", \"Design Generator\", \"Publish Template Link\"]\n---\n\nIm :place[Template-Editor] legst du mit einem Input-Feld fest, welchen Text oder welches Bild Nutzer später im :place[Design-Generator] selbst ändern können. Alles andere im Template bleibt so, wie du es eingestellt hast.\n\nDas geht in drei Schritten:\n\n1. Erstelle das Input-Feld im :place[Template-Editor].\n2. Konfiguriere das Input-Feld im :place[Input Fields View].\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, das durch einen Nutzer später veränderbar sein soll. 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 aus, wie Nutzer das Element ändern dürfen.\n\n   - :right Für einen Text:\n     - **Text**: Nutzer tippen selbst einen Text.\n     - **Text Selection**: Nutzer wählen einen Text aus einem Dropdown-Menü.\n   - :right Für ein Bild:\n     - **Image**: Nutzer laden ein eigenes Bild hoch.\n     - **Image Selection**: Nutzer wählen aus einer Liste.\n     - **Logo**: Nutzer laden ein Logo hoch.\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 dem markierten Feldtyp Text und darunter Text Selection, rechts die Field Preview.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-03\u002Fpublic?v=2004ca41 \"Rechts zeigt Field Preview, wie das Input-Feld später im Formular aussieht.\"){width=\"894\"}\n\n4. :click[Klicke] auf **Add Field**. Das Input-Feld ist jetzt erstellt und mit deinem Text oder Bild verbunden. Das Werkzeug schaltet sich danach aus.\n\n::tip\nAuch Farben, Größen und andere Eigenschaften kannst du änderbar machen: mit **Select Custom Property** im Popup. Wie das geht, steht in [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](\u002Fde\u002Fhelp\u002Finput-fields\u002Felements-properties-input-fields).\n::\n\n## Input-Feld konfigurieren\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 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.\n\n   ![Input Fields View mit den Input-Feldern Upload Image und, ganz unten markiert, Edit Text mit dem Standardwert Jane Doe \u002F Role \u002F Company.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-create-input-field-04\u002Fpublic?v=d7928924){width=\"472\"}\n\n3. Ändere bei Bedarf die Überschrift des Input-Felds: :click[Klicke] auf **Edit Text** oder **Upload Image** und tippe eine neue ein. Nutzer sehen die Überschrift im :place[Design-Generator] über dem Input-Feld.\n4. :click[Klicke] auf das Zahnrad rechts im Input-Feld, um weitere Einstellungen zu konfigurieren, zum Beispiel eine Beschreibung oder ein Zeichenlimit.\n5. :click[Klicke] oben rechts auf :close[×], um den :place[Input Fields View] zu schließen.\n\n::warning\nDer :place[Input Fields View] ist keine Vorschau. Was du hier in ein Input-Feld einträgst oder hochlädst, ä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 eingibst, ä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. Am Computer stehen links die Input-Felder, rechts das Design.\n3. :type[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.\n\n   ![Design-Generator: links die Input-Felder mit ihren Namen, rechts das Design mit den eingetragenen Werten.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-using-a-design-generator-01\u002Fpublic){width=\"1200\"}\n\n::related\n- [Template-Link veröffentlichen: Design-Generator teilen](\u002Fde\u002Fhelp\u002Ftemplate-management\u002Fshare-template-link)\n- [Text-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Ftext-input-fields)\n- [Image-Input-Felder](\u002Fde\u002Fhelp\u002Finput-fields\u002Fimage-input-fields)\n- [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](\u002Fde\u002Fhelp\u002Finput-fields\u002Felements-properties-input-fields)\n::\n",{"title":5,"description":400},"help\u002Finput-fields\u002Fcreate-input-field.de","2026-10-22","uixPoK2Xz8q7npOD8_C3i6pnUAsbZn0KQb78l54E85k",1792680562657]