{"id":23985,"date":"2016-02-03T17:40:46","date_gmt":"2016-02-03T12:10:46","guid":{"rendered":"https:\/\/docs.brainstormforce.com\/?p=1916"},"modified":"2021-01-14T15:03:27","modified_gmt":"2021-01-14T09:33:27","slug":"how-to-use-form-builder-in-convertplug","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-use-form-builder-in-convertplug\/","title":{"rendered":"How to Use a Form Builder in ConvertPlug?"},"content":{"rendered":"\n<p>ConvertPlug lets you create attractive forms that help generate leads. Unlike standard forms that might allow you to accept only the essential details such as the name, email address and the basic contact details, ConvertPlug allows you to create custom fields that can be used to accept all the necessary data you wish to capture.<\/p>\n\n\n\n<p>The Form Builder in ConvertPlug will help you create custom fields. The following steps will help you use this feature.<\/p>\n\n\n\n<p><em>1. Create a Module and open it in the Editor. Click on the <strong>Form Designer<\/strong> tab.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12.jpg\" alt=\"Form-designer\" class=\"wp-image-24224\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Form-designer-12-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>You will find a number of fields that may be present on the form along with an \u201c<strong>Add New field<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1.jpg\" alt=\"Present Fields\" class=\"wp-image-24226\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Present-Fields-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>When you click on the Field name, the related attributes will be displayed. You can change all of these. In the image below, we clicked on the field name: <strong>Email<\/strong> and therefore, all the attributes related to it are displayed below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1.jpg\" alt=\"attributes of a field in ConvertPlug\" class=\"wp-image-24227\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/attributes-of-a-field-in-ConvertPlug-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p><em>3. Add a Field<\/em><br>Click on the \u201c<strong>Add New Field<\/strong>\u201d Button to add a field in your form.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1.jpg\" alt=\"Add new field in Editor\" class=\"wp-image-24228\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Add-new-field-in-Editor-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p><em>4. Click on the Field Name to customize it<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1.jpg\" alt=\"click on field name\" class=\"wp-image-24229\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/click-on-field-name-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>You can set a Field Type such as the <strong>Textfield, Email, Textarea, Number, Dropdown, Hidden<\/strong> and more.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1.jpg\" alt=\"Edit Form details\" class=\"wp-image-24230\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Form-details-2-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>You can also edit the <strong>Field label<\/strong>, the <strong>Placeholder text<\/strong> and the <strong>Field Name<\/strong> through the given attributes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1259\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1.jpg\" alt=\"Edit Field name_placeholder text etc\" class=\"wp-image-24231\" title=\"How to Use a Form Builder in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1-300x184.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1-1024x630.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1-768x472.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/02\/Edit-Field-name_placeholder-text-etc-1-1536x944.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p><em><strong>Points to be Noted:<\/strong><\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><em>The Email field is compulsory and should be present in every form. Third Party softwares accept entries that HAVE an email id along with them.<\/em><\/li><li><em>Email fields are marked \u201cRequired\u201d by default. You can mark the other important fields as \u201crequired\u201d.<\/em><\/li><li><em>Field names should match the field names which the respective third party software accepts.<\/em><\/li><\/ul>\n\n\n\n<p><em>5. Save and Publish<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ConvertPlug lets you create attractive forms that help generate leads. Unlike standard forms that might allow you to accept only the essential details such as the name, email address and the basic contact details, ConvertPlug allows you to create custom fields that can be used to accept all the necessary data you wish to capture. [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[442],"docs_tag":[],"class_list":["post-23985","docs","type-docs","status-publish","hentry","docs_category-general-issues-solutions"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/23985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":2,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/23985\/revisions"}],"predecessor-version":[{"id":24232,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/23985\/revisions\/24232"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=23985"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=23985"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=23985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}