{"id":231,"date":"2026-10-17T14:16:40","date_gmt":"2026-10-17T14:16:40","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=231"},"modified":"2026-10-18T17:49:32","modified_gmt":"2026-10-18T17:49:32","slug":"create-your-first-form","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/create-your-first-form\/","title":{"rendered":"Create Your First Form"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Build a small form first, using only the fields needed for its purpose. This lets you review the field setup and saved configuration before adding more advanced behavior.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Build the form in the editor<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open <strong>Smart Forms \u2192 Add Form<\/strong>.<\/li>\n<li>In the visual editor, give the form a clear title if the editor prompts you for one.<\/li>\n<li>Use the <strong>Fields<\/strong> area to add the inputs required for the task. For a basic contact form, this might include a name field, an email field, and a message field.<\/li>\n<li>Select each field to review its available settings. Set a useful label and enable required validation only for information you genuinely need.<\/li>\n<li>Open <strong>Form Settings<\/strong> when you need to review form-level options. Change only the settings relevant to this form.<\/li>\n<li>Select <strong>Save Form<\/strong> and wait for the editor to finish saving.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Review the saved form<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use the editor&#8217;s <strong>Preview<\/strong> action to inspect the form layout and check that its labels, field order, and required indicators are clear. If the result is not right, adjust the relevant fields and save again.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Refine field behavior<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When you need to change field types, labels, widths, ordering, validation, or input formatting, use <a href=\"https:\/\/dragwyb.com\/docs\/docs\/smart-form-builder\/fields-editor\/\">Fields and Editor Controls<\/a>. Keep this first version simple until the core fields and their purpose are clear.<\/p>\n\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot to add: A new form in the editor with a small set of fields and one field&#8217;s settings open<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a form in the visual editor, add the fields you need, configure essential options, and save the draft.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":227,"menu_order":0,"template":"","class_list":["post-231","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":3,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/231\/revisions"}],"predecessor-version":[{"id":1129,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/231\/revisions\/1129"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/227"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}