{"id":1281,"date":"2023-09-07T14:26:28","date_gmt":"2023-09-07T14:26:28","guid":{"rendered":"https:\/\/doc.dnngo.com\/glend\/?page_id=1281"},"modified":"2024-02-04T03:50:58","modified_gmt":"2024-02-04T03:50:58","slug":"formbuilder","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/glend\/formbuilder\/","title":{"rendered":"Form Builder"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]In version 3.0 of the theme, we insteaded of the PowerForms module with the FormBuilder module. The FormBuilder module is a brand new form module which allows you to quickly and easily build multiple forms with full control. Whether it\u2019s a complex quotation or booking form or a simple contact form, the FormBuilder module will allow you to do all these without touching any code. You will have a fully functional form just in a few clicks . It\u2019s that simple.<\/p>\n<p>You can view the documentation of the module from this page: <a href=\"https:\/\/doc.dnngo.com\/formbuilder\/\">https:\/\/doc.dnngo.com\/formbuilder\/<\/a><\/p>\n<p>Please <a href=\"https:\/\/www.dnngo.net\/ContactUs.aspx\" target=\"_blank\" rel=\"noopener\">contact us<\/a> if you are interested in this module.[\/vc_column_text]<div class=\"pt-40\"><\/div><h3  id=\"dg-heading1694097586506-91b759ad-a9e9\" class=\"dg-heading text-left\" >Install the FormBuilder module<\/h3>[vc_column_text]Step 1. Log in to your site as super administrator.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 2. Go to Settings \u2013&gt; Extension to install the module pack DNNGo_FormBuilder_x.x.x_Install.zip.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_column_text]Step 3. After finishing installation, you will find this module on the admin &gt; Form Builder page.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1293&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-40\"><\/div><h3  id=\"dg-heading1694098413458-4cca35f6-badc\" class=\"dg-heading text-left\" >Import Form<\/h3>[vc_column_text]Click the Manager button on the Form Builder page. [\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1298&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]Click the Import button. [\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1296&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]You can find the Import.json file in the DNNGo_FormBuilder folder and upload it. [\/vc_column_text]<div class=\"pt-40\"><\/div><h3  id=\"dg-heading1694342160597-e536413f-af2f\" class=\"dg-heading text-left\" >Adding the form to the Content Builder module<\/h3>[vc_column_text]You need to add sections with a form for your page through the Content Builder module, as shown below.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1104&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]Or add a Form Builder content block for your page, as shown below.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1308&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]The form won\u2019t appear after your setting is done, that\u2019s because you still need to set the source for the form (as shown in the screenshot below).[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1106&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]In the Source listing, all forms of the site are listed here.[\/vc_column_text]<div class=\"pt-20\"><\/div>[vc_single_image image=&#8221;1313&#8243; img_size=&#8221;full&#8221; style=&#8221;vc_box_shadow&#8221;]<div class=\"pt-20\"><\/div>[vc_column_text]Select a form and save it. The form will be displayed after refreshing the page. [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text]In version 3.0 of the theme, we insteaded of the PowerForms module with the FormBuilder module. The FormBuilder module is a brand new form module which allows you to quickly and easily build multiple forms with full control. Whether it\u2019s a complex quotation or booking form or a simple contact form, the FormBuilder module will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1281"}],"collection":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/comments?post=1281"}],"version-history":[{"count":34,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1281\/revisions"}],"predecessor-version":[{"id":1329,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/1281\/revisions\/1329"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/media?parent=1281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}