On several occasions, you might need to create custom forms to capture user input from your customers for marketing, auditing, data analysis or other purposes. StoreHippo allows you to create custom forms and uses them in store themes and on static pages.
Enter the name of the form.
In the fields tab, enter the details of the fields that are part of the form. For each field, please enter the following subfields.
Enter the label of the field that will be visible to the customer.
The field name is the name by which data for the given field is stored.
The field type is the edit/display type of the form field, e.g. text, select, radio etc. Following are the available values of the field type:
Standard Field Types
Following are the special field types available:
Next to each field, a gear icon is provided to edit the settings for the field. Field settings allow you to edit the field properties. Clicking on the settings gear icon against data type lets you define the settings of the field.
Validation field allows you to define the validation rules for the field. You can define more than one validation rules for a field. Following are available validation rules:
Check this setting to make the field as required.
Check this setting to make the field hidden in the add and edit forms.
Check this setting to make the field as read-only field.
This field enables you tag the added fields in under the respective FIELD GROUP. Provide the name of the field group here. For example, you have created two field groups "Login Information" and "Personal Information" in the Seller Registration form and added fields in that. The fields will be grouped into their respective Field Groups and will be displayed as shown in the image below.
Provide the field and value here, if you want to make this a sub-field of a field.
It defines the placeholder for the field in the forms.
Specify the default value for the field if no value is passed.
In the settings tab, you will see the following fields:
Enter the title of the form.
The description can be displayed below the form title to brief user about the form while rendering the form. You can include instructions for users on how to fill the form in the description.
Actions field allows you to choose the actions that will be performed when the user submits the form. Currently, there are two types of actions allowed.
Save Data: The data is saved when a user submits the form. You can view the
Send Email: Email is sent when a user submits the form. You have to specify the mail notification template, sender and receiver when you chose this action type.
In mail notification, you have to specify the variable as per your specified field_name.
When you select Save Data as the field action type, then the form data submitted by the user can be seen here.
If you want to send a notification (Email/SMS) when somebody fills the form, you can configure a new notification or use an existing one. To set up a new notification, follow the steps mentioned below:
Now, whenever the user will submit the form an email will be sent to the admin as a notification. Similarly, you can add SMS notification.
You can display the form title on the storefront using the following code:
You can display the form description on the storefront using the following code: