[{"data":1,"prerenderedAt":82},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Finput-fields\u002Fadding-input-fields":3},{"id":4,"title":5,"body":6,"category":70,"description":71,"extension":72,"keywords":73,"meta":74,"navigation":75,"order":76,"path":77,"seo":78,"stem":79,"updated":80,"__hash__":81},"help\u002Fhelp\u002Finput-fields\u002Fadding-input-fields.md","Adding input fields",{"type":7,"value":8,"toc":67},"minimark",[9,18,21,48,55,62],[10,11,12,13,17],"p",{},"Input fields decide which parts of a template the people using your published design generator can change. Everything else stays fixed. You add them with the ",[14,15,16],"strong",{},"Add Input Field"," tool.",[10,19,20],{},"To add one:",[22,23,24,38,41],"ol",{},[25,26,27,28,30,31,34,35,37],"li",{},"Start the ",[14,29,16],{}," tool, either from the button in the toolbar or by opening ",[14,32,33],{},"Show Input Fields"," and clicking ",[14,36,16],{}," in the drawer. Both are the same tool.",[25,39,40],{},"Select the element you want to make editable, on the canvas or in the panel on the right.",[25,42,43,44,47],{},"A popup shows the common fields for that element. For a text element, for example, you can add a field that lets users edit the text, or one that lets them pick from a set of preset texts (a dropdown menu). Choose one and click ",[14,45,46],{},"Add Field",".",[10,49,50],{},[51,52],"img",{"alt":53,"src":54},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Ff258371c-5cf4-46c4-3d84-0a23ceeaaf00\u002Fpublic",[10,56,57,58,61],{},"If none of the suggestions fit, click ",[14,59,60],{},"Select Custom Property",". The popup closes, and you then click any single property in the Property Panel to connect a field to exactly that property.",[10,63,64],{},[51,65],{"alt":53,"src":66},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fd4610b2b-265e-44d9-f3a8-22ac61b9f400\u002Fpublic",{"title":53,"searchDepth":68,"depth":68,"links":69},2,[],"input-fields","Expose a template property as a control your audience can edit.","md",[],{},true,10,"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields",{"title":5,"description":71},"help\u002Finput-fields\u002Fadding-input-fields","2026-06-15","cEbXizxbmjM0xK6KGNLzMp0GzqOhIy1NDV4OX5H1v4M",1787923688194]