{"id":214435,"date":"2019-12-16T15:38:02","date_gmt":"2019-12-16T15:38:02","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=214435"},"modified":"2024-12-23T08:47:12","modified_gmt":"2024-12-23T08:47:12","slug":"survey-management-module-lead-capture-plugin","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/","title":{"rendered":"How to create custom forms with validation in Magento 2"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n<\/div><\/div>\n\n\n\n<p><a href=\"https:\/\/store.webkul.com\/magento2-form-builder.html\">Magento 2 Form Builder<\/a>&nbsp;or&nbsp;Survey Management Extension&nbsp;allows the admin to create multiple forms for lead capture, and feedback, collect client queries, and analyze the report as per the received response.<\/p>\n\n\n\n<p>The created form can be added to any page of the website and the admin can insert a checkbox, date field, file upload, number, radio button, select, text field\/area options in the form.<\/p>\n\n\n\n<p>The option to view the response of the customer and create a form list is available in the admin panel to let the admin manage everything from one place.<\/p>\n\n\n\n<p>Watch the below video tutorial to understand Magento 2 custom form Builder extension workflow:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\">\r\n<div class=\"wk-block--yt-video-frame\">\r\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"NHxKwhRbd9g\">\u00a0<\/div>\r\n<\/div>\r\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li><span style=\"font-size: inherit;\">Admin can add custom fields to the form. <\/span><\/li>\n\n\n\n<li>Different types of custom fields i.e. checkbox, date field, file upload, number, radio button, select, text field\/area options are available for admin to choose from.<\/li>\n\n\n\n<li>Admin gets the option to make custom fields mandatory.<\/li>\n\n\n\n<li><span style=\"font-size: inherit;\">Admin can create multiple <a href=\"https:\/\/store.webkul.com\/Magento2-Custom-Registration-Field.html\">custom forms in Magento 2<\/a>. <\/span><\/li>\n\n\n\n<li>Registered customers or visitors both can submit the form.<\/li>\n\n\n\n<li>Admin can add the custom form on the website.<\/li>\n\n\n\n<li><span style=\"font-size: inherit;\">Admin can choose sections to display the form on the website. <\/span><\/li>\n\n\n\n<li>Allows admin to show form at the front-end using the widget.<\/li>\n\n\n\n<li>Admin gets the option to make <a href=\"http:\/\/webkul.com\/blog\/custom-registration-field-for-magento2\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom fields<\/a> mandatory.<\/li>\n\n\n\n<li>Admin can view the created form list available at the admin panel.<\/li>\n\n\n\n<li>A form can be submitted securely with Google Recaptcha feature.<\/li>\n\n\n\n<li><span style=\"font-size: inherit;\">Admin can see all the responses. <\/span><\/li>\n\n\n\n<li>Allows admin to create custom forms using drag and drop.<\/li>\n\n\n\n<li>Admin can see the response of a particular form.<\/li>\n\n\n\n<li>Admin will get the response&#8217;s email.<\/li>\n\n\n\n<li>Magento 2 custom form Builder extension is compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyva Theme<\/a>.<\/li>\n\n\n\n<li>Forms can now be embedded in external pages<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Customers will get a&nbsp;<strong>zip folder<\/strong>&nbsp;and they have to extract the contents of this zip folder on their system. The extracted folder has an&nbsp;<strong>src<\/strong>&nbsp;folder, inside the src folder you have the&nbsp;<strong>app&nbsp;<\/strong>folder.<\/p>\n\n\n\n<p>You need to transfer this&nbsp;<strong>app<\/strong>&nbsp;folder&nbsp;into the Magento2 root directory on the server as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"379\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png\" alt=\"Magento2_Form_Builder_Installation\" class=\"wp-image-214445\" style=\"width:700px;height:221px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation.png 1302w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After the successful installation, you have to<strong>&nbsp;run these commands<\/strong>&nbsp;in the&nbsp;<strong>Magento2 root<\/strong>&nbsp;directory:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"># Run Commands<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<p>&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Multi-Lingual Support<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>For the&nbsp;<strong>multilingual<\/strong>&nbsp;support, the&nbsp;admin will navigate through&nbsp;<strong>Store-&gt;Configuration-&gt;General -&gt;Locale Options<\/strong>&nbsp;and select the&nbsp;<strong>locale<\/strong>&nbsp;as German (the language into which admin wants to translate his store content).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-locale-configuration.webp\" alt=\"locale \" class=\"wp-image-450092\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-locale-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-locale-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-locale-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-locale-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Language Translation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>If the user wants to translate their module from <strong>English<\/strong> to <strong>German<\/strong> then they need to follow the path<\/p>\n\n\n\n<p><strong>app\/code\/Webkul\/FormBuilder\/i18n<\/strong> in their unzipped <strong>FormBuilder<\/strong> folder and will get a CSV file with name \u201cen_US.csv\u201d.<\/p>\n\n\n\n<p>Now they will rename that csv as \u201cde_DE.csv\u201d and translate all right side content after the comma in the German language. After editing the CSV, save it and then upload it to the<\/p>\n\n\n\n<p>path <strong>app\/code\/Webkul\/FormBuilder\/i18n<\/strong> where they have installed Magento2 on their server. The module will get translated in the German Language. It supports both the <strong>LTR<\/strong> and <strong>RTL<\/strong> languages.<\/p>\n\n\n\n<p>The user can edit the CSV like the image below:<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"895\" height=\"579\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/CSV_FORM_BUILDER.png\" alt=\"Magento2 Form Builder CSV\" class=\"wp-image-236362\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/CSV_FORM_BUILDER.png 895w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/CSV_FORM_BUILDER-300x194.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/CSV_FORM_BUILDER-250x162.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/CSV_FORM_BUILDER-768x497.png 768w\" sizes=\"(max-width: 895px) 100vw, 895px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Form Builder Configuration<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>After installing the module, you will be able to see the configuration panel under&nbsp;<strong>Stores-&gt; Configuration-&gt; Webkul-&gt;<\/strong> <strong>Form Builder,<\/strong> and admin can configure General Setting and Email Template to get the update on the form submission part.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-configuration.webp\" alt=\"module configuration\" class=\"wp-image-450096\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>General Settings<\/strong><\/h3>\n\n\n\n<p>The admin has to proceed with below three settings to configure FormBuilder Module:<\/p>\n\n\n\n<p>1. <strong>Enable Form Builder<\/strong><\/p>\n\n\n\n<p>The admin can Enable or Disable the form by selecting Yes\/No from the drop-down.<\/p>\n\n\n\n<p>2. <strong>Send Mail to Admin<\/strong><\/p>\n\n\n\n<p>The admin can enable the form builder email notification for himself by selecting Yes. If selected &#8220;Yes&#8221; then the three below fields will appear:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Admin Name<\/strong>: Enter the Admin name to be used in the formbuilder email.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email From<\/strong>: Enter the admin email to be used in &#8220;<strong>From<\/strong>&#8221; for formbuilder email notification.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email To<\/strong>: Enter the admin email to be used in &#8220;<strong>To<\/strong>&#8221; for formbuilder email notification.<\/li>\n<\/ul>\n\n\n\n<p>3. <strong>Enable Recaptcha<\/strong><\/p>\n\n\n\n<p>The admin can Enable the Recaptcha setting to be clicked while submitting to make the form more secure. The admin has to select &#8220;Yes&#8221; to enable Google Recaptcha else to select &#8220;<strong>No<\/strong>&#8220;<\/p>\n\n\n\n<p>If select &#8220;<strong>Yes<\/strong>&#8221; then it will ask you <strong>Recaptcha<\/strong> site key and <strong>Recaptcha<\/strong> Secret Key as shown in the above image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Recaptcha Site Key<\/strong>: Admin needs to enter the Recaptcha Site Key to complete the Recaptcha configuration with the customs form.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Recaptcha Secret Key<\/strong>: The admin needs to enter the Recaptcha Secret Key to complete the Recaptcha configuration with the customs form.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"retrieving-the-google-recaptcha-api-keys\">Retrieving the Google Recaptcha Site and Secret Keys<\/h3>\n\n\n\n<p>To gather the Google Recaptcha API Keys the user must follow the following steps:<\/p>\n\n\n\n<p><strong>1:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, navigate to the&nbsp;<a href=\"https:\/\/www.google.com\/recaptcha\/admin\" target=\"_blank\" rel=\"noreferrer noopener\">Google reCAPTCHA<\/a>&nbsp;page.<\/li>\n<\/ul>\n\n\n\n<p><strong>2:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user must have a&nbsp;<strong>Google Account<\/strong>&nbsp;to log in. For that, the user needs to&nbsp;Enter the&nbsp;Gmail&nbsp;username,&nbsp;and <strong>password<\/strong>&nbsp;and click on the&nbsp;<strong>Next<\/strong>&nbsp;button to proceed further.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"466\" height=\"510\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/recaptch_3.png\" alt=\"recaptch_3\" class=\"wp-image-252193\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/recaptch_3.png 466w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/recaptch_3-274x300.png 274w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/recaptch_3-228x249.png 228w\" sizes=\"(max-width: 466px) 100vw, 466px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p><strong>3<\/strong>:<\/p>\n\n\n\n<p>As a result, a page as shown below will open up where the user needs to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter a&nbsp;<strong>label<\/strong>&nbsp;that will make it easy to identify the site in the future.<\/li>\n\n\n\n<li><strong>Choose<\/strong>&nbsp;the type of reCAPTCHA as \u2013&nbsp;<strong>reCAPTCHA V2.<\/strong><\/li>\n\n\n\n<li>Enter the&nbsp;<strong>Domain<\/strong>&nbsp;name (registration for domain.com also registers subdomain.domain.com) where the user wishes to use it.<\/li>\n\n\n\n<li>Accept the&nbsp;<strong>reCAPTCHA<\/strong>&nbsp;Terms of Service by checking the checkbox.<\/li>\n\n\n\n<li>Lastly, click the&nbsp;<strong>Register<\/strong>&nbsp;button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"667\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/register_for_google_recaptcha.png\" alt=\"register_for_google_recaptcha\" class=\"wp-image-252195\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/register_for_google_recaptcha.png 667w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/register_for_google_recaptcha-195x300.png 195w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/register_for_google_recaptcha-162x249.png 162w\" sizes=\"(max-width: 667px) 100vw, 667px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Step 4<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Consequently, the user will receive the<strong>&nbsp;reCAPTCH Site Key<\/strong>&nbsp;and&nbsp;<strong>Secret Key<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1144\" height=\"605\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/secret_key_and_site_key.png\" alt=\"secret_key_and_site_key\" class=\"wp-image-252197\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/secret_key_and_site_key.png 1144w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/secret_key_and_site_key-300x159.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/secret_key_and_site_key-250x132.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/06\/secret_key_and_site_key-768x406.png 768w\" sizes=\"(max-width: 1144px) 100vw, 1144px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Custom Form Creation Setting<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>Once the module has been installed successfully, the admin will get the <strong>Webkul Form Builder<\/strong> section into the admin dashboard. And Webkul Form Builder section contains <strong>Form List<\/strong> and <strong>Form Response<\/strong> option to create the custom form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-dashboard.webp\" alt=\"dashboard\" class=\"wp-image-450097\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-dashboard.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-dashboard-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-dashboard-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-dashboard-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Form List <\/strong><\/p>\n\n\n\n<p>Form List section allows the admin to view the list of all the created forms and the section to <strong>Add New Form<\/strong> for better administration. The form includes the <strong>Form Creator<\/strong> and <strong>Form Information<\/strong> part.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-list.webp\" alt=\"form\" class=\"wp-image-450095\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-list.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-list-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-list-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-list-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Form Creator<\/strong> &#8211; Pick the required field based on the requirement to build the form for an e-commerce store. Drag and drop to manage the sequencing of the fields for better form building. <br><br>Admin can insert checkbox, date field, file upload, number, radio button, select, text field\/area options in the form.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form.webp\" alt=\"create new form info\" class=\"wp-image-450093\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Form Information<\/strong> &#8211; The form Information section allows the admin to fill in the details to reflect on the front-end user after form submission, Save Form to complete the process.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-info.webp\" alt=\"create new form \" class=\"wp-image-450094\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-info.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-info-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-info-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-create-new-form-info-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Form Responses <\/strong><\/p>\n\n\n\n<p>The admin can see all the responses of all the forms for better decision making from the <strong>Form Responses<\/strong> list available in <strong>Webkul Form Builder<\/strong> Panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response.webp\" alt=\"all response\" class=\"wp-image-450091\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>To get the brief details of the response coming from Form, the admin has to click on the View button as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response.webp\" alt=\"all response\" class=\"wp-image-450091\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-all-response-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>A detail page will appear once click on the View button as shown below. This page will show all the insight information that has filled in the form by the user.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-details.webp\" alt=\"response details\" class=\"wp-image-450089\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-details.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-details-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-details-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-form-details-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\"><strong>Form Appearance Setting<\/strong><\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The admin needs to do some setting to make the form visible to the e-commerce store.<\/p>\n\n\n\n<p><strong>Add New Page or Edit Existing Page<\/strong> in the content section of the respective page, the admin will get <strong>insert widget<\/strong> icon<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-registration-form.webp\" alt=\"registration page contet\" class=\"wp-image-450090\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-registration-form.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-registration-form-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-registration-form-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-registration-form-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>A page will open where the admin needs to choose <strong>Webkul Form Builder<\/strong> from the <strong>Widget Type<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-edit-widgit.webp\" alt=\"weight edit\" class=\"wp-image-450088\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-edit-widgit.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-edit-widgit-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-edit-widgit-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/06\/webkul-magento2-form-builder-edit-widgit-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>In the <strong>Widget Options<\/strong>, put the Title and choose a particular form from the <strong>List<\/strong> and click on <strong>Insert Widget<\/strong> to save the configuration.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Front- End Form View<\/h3><\/div><div class=\"margin-bottom-50\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/form_front_final.png\" alt=\"Magento2 Form Builder - Front End View\" class=\"wp-image-232241\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/form_front_final.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/form_front_final-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/form_front_final-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/form_front_final-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the&nbsp;<strong>Magento 2 Form Builder&nbsp;<\/strong>extension. If you still have any issues feel free to add a ticket and let us know your views to make the module better at &nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\">webkul.uvdesk.com<\/a>.<\/p>\n<\/div>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Form Builder&nbsp;or&nbsp;Survey Management Extension&nbsp;allows the admin to create multiple forms for lead capture, and feedback, collect client queries, and analyze the report as per the received response. The created form can be added to any page of the website and the admin can insert a checkbox, date field, file upload, number, radio button, <a href=\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":195,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121,302],"tags":[],"class_list":["post-214435","post","type-post","status-publish","format-standard","hentry","category-magento-2","category-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide to create Form Builder in Magento 2<\/title>\n<meta name=\"description\" content=\"Magento 2 form builder provides drag &amp; drop feature to create custom forms. Unlimited forms with validations\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide to create Form Builder in Magento 2\" \/>\n<meta property=\"og:description\" content=\"Magento 2 form builder provides drag &amp; drop feature to create custom forms. Unlimited forms with validations\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-16T15:38:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T08:47:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png\" \/>\n<meta name=\"author\" content=\"Vidushi Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vidushi Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\"},\"author\":{\"name\":\"Vidushi Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/911e77712b07b5d0fa077af4017df485\"},\"headline\":\"How to create custom forms with validation in Magento 2\",\"datePublished\":\"2019-12-16T15:38:02+00:00\",\"dateModified\":\"2024-12-23T08:47:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\"},\"wordCount\":1334,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png\",\"articleSection\":[\"Magento 2\",\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\",\"url\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\",\"name\":\"Guide to create Form Builder in Magento 2\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png\",\"datePublished\":\"2019-12-16T15:38:02+00:00\",\"dateModified\":\"2024-12-23T08:47:12+00:00\",\"description\":\"Magento 2 form builder provides drag & drop feature to create custom forms. Unlimited forms with validations\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation.png\",\"width\":1302,\"height\":411,\"caption\":\"Magento2_Form_Builder_Installation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create custom forms with validation in Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/911e77712b07b5d0fa077af4017df485\",\"name\":\"Vidushi Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c46e832adfe6c8c66a53f8952df0b85717ca6a0037bced48da9ac932a1e30822?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c46e832adfe6c8c66a53f8952df0b85717ca6a0037bced48da9ac932a1e30822?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Vidushi Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/vidushisingh-bd135\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide to create Form Builder in Magento 2","description":"Magento 2 form builder provides drag & drop feature to create custom forms. Unlimited forms with validations","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Guide to create Form Builder in Magento 2","og_description":"Magento 2 form builder provides drag & drop feature to create custom forms. Unlimited forms with validations","og_url":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-12-16T15:38:02+00:00","article_modified_time":"2024-12-23T08:47:12+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png","type":"","width":"","height":""}],"author":"Vidushi Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Vidushi Singh","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/"},"author":{"name":"Vidushi Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/911e77712b07b5d0fa077af4017df485"},"headline":"How to create custom forms with validation in Magento 2","datePublished":"2019-12-16T15:38:02+00:00","dateModified":"2024-12-23T08:47:12+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/"},"wordCount":1334,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png","articleSection":["Magento 2","Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/","url":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/","name":"Guide to create Form Builder in Magento 2","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation-1200x379.png","datePublished":"2019-12-16T15:38:02+00:00","dateModified":"2024-12-23T08:47:12+00:00","description":"Magento 2 form builder provides drag & drop feature to create custom forms. Unlimited forms with validations","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/12\/Magento2_Form_Builder_Installation.png","width":1302,"height":411,"caption":"Magento2_Form_Builder_Installation"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/survey-management-module-lead-capture-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create custom forms with validation in Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/911e77712b07b5d0fa077af4017df485","name":"Vidushi Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c46e832adfe6c8c66a53f8952df0b85717ca6a0037bced48da9ac932a1e30822?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c46e832adfe6c8c66a53f8952df0b85717ca6a0037bced48da9ac932a1e30822?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Vidushi Singh"},"url":"https:\/\/webkul.com\/blog\/author\/vidushisingh-bd135\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/214435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/195"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=214435"}],"version-history":[{"count":55,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/214435\/revisions"}],"predecessor-version":[{"id":477963,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/214435\/revisions\/477963"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=214435"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=214435"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=214435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}