{"id":1612071,"date":"2020-05-11T14:25:23","date_gmt":"2020-05-11T14:25:23","guid":{"rendered":"https:\/\/toolset.com\/?post_type=course-lesson&#038;p=1612071"},"modified":"2021-05-19T06:31:59","modified_gmt":"2021-05-19T06:31:59","slug":"front-end-forms-for-adding-content","status":"publish","type":"course-lesson","link":"https:\/\/toolset.com\/de\/course-lesson\/front-end-forms-for-adding-content\/","title":{"rendered":"Front-end Forms for Adding Content"},"content":{"rendered":"\n<h2 class=\"tb-heading\" data-toolset-blocks-heading=\"8a75f852e429bee91a564c6f9f9d2dbe\" data-last-update=\"1.4\">Creating the form<\/h2>\n\n\n\n<p>Go to the <strong>Toolset \u2192<\/strong>&nbsp;<strong>Post Forms <\/strong>page and click the <strong>Add New <\/strong>button at the top. A wizard will guide you through the steps.<\/p>\n\n\n\n<p>First, you need to give your form a name.<\/p>\n\n\n\n<p>In the next step, you need to select the main form options. This includes selecting a post type, status of the post created by the form, and other.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"96de4c6efe98173108fa8c95bbcbdadd\"><a href=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-create-post-form.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-create-post-form-500x248.png\" alt=\"Using the wizard to create front-end forms\" class=\"wp-image-1382209\"\/><\/a><div class=\"tb-image-caption\"><figcaption>Using the wizard to create front-end forms<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"designing-the-form\">Designing the form<\/h2>\n\n\n\n<p>In the next step, you need to design the form\u2019s contents. You will see two main areas on your screen:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Form area<\/li><li>Available&nbsp;form fields and elements<\/li><\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"db3708e9f4e0b8041a482b9dd7346bff\"><a href=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-building-form.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-building-form-500x305.png\" alt=\"Building form\" class=\"wp-image-1382227\"\/><\/a><div class=\"tb-image-caption\"><figcaption>Building form<\/figcaption><\/div><\/figure>\n<\/div>\n\n\n<p>Based on the <a href=\"https:\/\/toolset.com\/de\/glossary\/custom-post-type\/\">post type<\/a>, you will see that some fields were already added to your form. You can delete and reorder fields. You cannot delete mandatory form fields and you will see a lock icon next to them. To add elements to your form simply drag-and-drop them to the desired location.<\/p>\n\n\n\n<p>When you are done, click <strong>Continue<\/strong> to proceed to the final step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"displaying-toolset-forms\">Displaying Toolset forms<\/h2>\n\n\n\n<p>To display Toolset forms on the front-end, use the <strong>Toolset Form&nbsp;<\/strong>block. You can insert it into any WordPress content including pages, posts, and <a href=\"https:\/\/toolset.com\/de\/glossary\/template\/\">templates<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\" tb-image tb-image-media aligncenter\" data-toolset-blocks-image=\"088cf0a4959103e30dec18378c9c1f86\"><a href=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-inserting-form-into-content-block.png\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/toolset.com\/wp-content\/uploads\/2019\/11\/toolset-forms-inserting-form-into-content-block-500x282.png\" alt=\"Inserting a Toolset Form block into a page\" class=\"wp-image-1382265\"\/><\/a><div class=\"tb-image-caption\"><figcaption>Inserting a Toolset Form block into a page<\/figcaption><\/div><\/figure>\n<\/div>","protected":false},"author":4341,"featured_media":1632013,"template":"","related-lesson":[8429],"class_list":["post-1612071","course-lesson","type-course-lesson","status-publish","has-post-thumbnail","hentry","related-lesson-post-forms"],"_links":{"self":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1612071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson"}],"about":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/types\/course-lesson"}],"author":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/users\/4341"}],"version-history":[{"count":3,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1612071\/revisions"}],"predecessor-version":[{"id":2060889,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/course-lesson\/1612071\/revisions\/2060889"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media\/1632013"}],"wp:attachment":[{"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/media?parent=1612071"}],"wp:term":[{"taxonomy":"related-lesson","embeddable":true,"href":"https:\/\/toolset.com\/de\/wp-json\/wp\/v2\/related-lesson?post=1612071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}