{"id":355,"date":"2019-12-03T09:11:26","date_gmt":"2019-12-03T09:11:26","guid":{"rendered":"http:\/\/dev.wp.dnngo.net\/doc\/?page_id=355"},"modified":"2023-11-01T09:20:06","modified_gmt":"2023-11-01T09:20:06","slug":"how-to-set-forms","status":"publish","type":"page","link":"https:\/\/doc.dnngo.com\/glend\/how-to\/how-to-set-forms\/","title":{"rendered":"How to set powerforms"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]Many form styles are included in this theme, such as subscription form, contact form and etc. You can check the form demo from this page<\/a>.<\/p>\n

There are 2 parts included in a form. The front end display part needs to be added on the Content Builder module, while the back end part needs to be set in the Powerforms module.[\/vc_column_text]

<\/div>

Front end display<\/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>[vc_single_image image=”1104″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Or add a form content block for your page, as shown below.[\/vc_column_text]
<\/div>[vc_single_image image=”1105″ img_size=”full” style=”vc_box_shadow”]
<\/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>[vc_single_image image=”1106″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]In the Source listing, all powerforms modules of the site are listed here.[\/vc_column_text]
<\/div>[vc_single_image image=”1107″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]After selecting one of the powerforms modules, this form will display all fields of the powerforms module.[\/vc_column_text]
<\/div>[vc_single_image image=”1108″ img_size=”full” style=”vc_box_shadow”]
<\/div>

Powerforms module settings<\/h3>

Set fields<\/h5>[vc_column_text]Click the Fields > Field List navigation on left, you are able to edit or add fields, as shown in the following screenshot.[\/vc_column_text]
<\/div>[vc_single_image image=”391″ img_size=”full” style=”vc_box_shadow”]
<\/div>
Set field width<\/h5>[vc_column_text]You can set the width for every field on the field edit interface, as shown in the following screenshot. When you set the width to be 100, this field will be displayed in a row.[\/vc_column_text]
<\/div>[vc_single_image image=”403″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]When you set the width of 2 fields both to be 50, the 2 fields will be displayed in a row, as shown below.[\/vc_column_text]
<\/div>[vc_single_image image=”405″ img_size=”full” style=”vc_box_shadow”]
<\/div>
Check the submitted history records<\/h5>[vc_column_text]Click the History Records navigation on left, you can check the history records submitted by users.[\/vc_column_text]
<\/div>[vc_single_image image=”410″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]You can check more detailed instructions of the powerforms module from this page<\/a>.[\/vc_column_text]
<\/div>

Set subscription forms<\/h3>[vc_column_text]In general, subscription forms only need an email field. You can check the following instructions to see how to set a subscription form.[\/vc_column_text]
<\/div>[vc_column_text]Step 1. Add a section with subscription-style form to a page.[\/vc_column_text]
<\/div>[vc_single_image image=”1110″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 2.\u00a0 Add a powerforms module for this page and set the module permission to be only visible for admins.[\/vc_column_text]
<\/div>[vc_single_image image=”422″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_single_image image=”423″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 3. Go to the field list page of the powerforms module, remove all the other fields except for the Email field.[\/vc_column_text]
<\/div>[vc_single_image image=”425″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 4. Return to the subscription page and click the Settings button.[\/vc_column_text]
<\/div>[vc_single_image image=”1112″ img_size=”full” style=”vc_box_shadow”]
<\/div>[vc_column_text]Step 5. Select the powerforms module which was just added in the Source listing.[\/vc_column_text]
<\/div>[vc_column_text]After doing these, the subscription form will appear properly.[\/vc_column_text]
<\/div>

Set up SMTP server<\/h3>[vc_column_text]You need to set up your SMTP server correctly, otherwise neither users nor admins will receive form notification emails.[\/vc_column_text]
<\/div>[vc_column_text]Please login to your site with a superuser account, go to the Settings > Servers > Servers Settings > Smtp Server page, and correctly enter the SMTP server information. For the SMTP server information, please ask email provider for it. At last, please click the Test SMTP Settings button to test if your SMTP server is working fine.[\/vc_column_text]
<\/div>[vc_single_image image=”432″ img_size=”full” style=”vc_box_shadow”][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row][vc_column][vc_column_text]Many form styles are included in this theme, such as subscription form, contact form and etc. You can check the form demo from this page. There are 2 parts included in a form. The front end display part needs to be added on the Content Builder module, while the back end part needs to be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":262,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/355"}],"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=355"}],"version-history":[{"count":96,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/355\/revisions\/1327"}],"up":[{"embeddable":true,"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/pages\/262"}],"wp:attachment":[{"href":"https:\/\/doc.dnngo.com\/glend\/wp-json\/wp\/v2\/media?parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}