For more details see the Custom Form for Magento 2 extension page.
The Custom Form Extension for Magento 2 lets you create web forms of various types to collect customer info. Use a special drag-and-drop constructor to generate multiple forms in seconds and customize them according to your requirements.
On the Custom Forms grid, you'll find all previously created forms and we'll be able to create a new form by clicking the “Add New Form” button.
Title - Specify the form title that will be displayed on the custom forms greed.
Code - Use a form code for your admin purposes. Leave the field empty to redirect customers to the home page or use “/” to enable redirect to the previous page.
Success URL - Specify the page URL to which customers will be redirected after the form submitting.
Store View - Determine the store views on which the form will be displayed.
Customer Groups - Select customer groups for which the custom form will be available.
Status - It's possible to enable/disable each particular form.
Send Notification to Email - Activate this option to notify store admins about new form submissions.
Recipients email - Input recipient e-mail for the customers' form data.
Email Template - Select email template variant.
Submit Button - Specify any custom text for the form submission button.
Success Message - Specify the text that will be shown to store visitors after the successful form submission.
Show on Button Click - Enable this option to display a custom form in a popup window that appears on the button click.
Button Text - Specify the button title.
In the Form Creator tab you'll find a rich set of input types and form elements that can be used for each custom form you create. Just select the necessary field type and drag it to the form creation area.You can also create additional pages via +Add Page tab if needed.
1. Input type
The Input tab contains the following input types:
2. Select type
In the Select tab you can choose:
3. Options type
The Options tab offers a range of fields with predefined answers.
4. Advanced Elements
To start editing the field please hover the mouse over the corresponding field and click on the 'Edit' icon.
After hitting the “Edit” icon the field editing form wil appear.
Name - This is a custom form code that will be used in the backend for your admin purposes.
Label - This is a custom form name. Use it while filtering submitted data.
Custom Style - Due to this option, you can customize the display of each particular field (font, color etc).
Required - Enable this option if you want to make this particular field required. It means that visitors won't be able to submit the form with this field blank.
Help Text - Here you can specify an additional text that will be displayed in the tooltip on the frontend.
Options - Add as many new options for check boxes, radio buttons and dropdowns as you need.
Toggle - If the Toggle option is activated, the checkbox will look like this:
To make a particular field occur, depending on the selected options in the previous field:
Layout - Set the layout with 1 up to 3 columns. If you choose 2 or 3 columns, the additional fields will be added to the row, in which the editable field is placed.
Layout Embedding Code - To add a custom form to any place of your web store, insert this code into layout.
Export - to export a particular submitted entry, check its box on the grid, navigate to Export tab, and press Export button. A CSV file will be downloaded automatically.
Details Click on the necessary submission to view the details.
Admin can response right from the customers' submitted data.
Specify Email Sender, Email Template, Send Blind Copy to.
1. Go to your http://domain/swagger 2. To get the access:
3. New sections will appear:
4. Extend these sections to create, edit, delete, or browse the forms and answers.
To enable and configure the Google Invisible reCaptcha for Magento 2 extension please take a look at the user guide for this module.