Home
Contact form
Search limit to:
Contact form
by Admin on Jun 16, 2024A contact form is a section that allows visitors to send messages or inquiries directly to the site owner or support team. It typically includes fields for the visitor's name, email address, and message. By using a contact form instead of an email link, businesses can reduce spam messages and provide a convenient way for customers to reach out with questions, feedback, or support requests.

Section settings
Heading | Enter the heading of the form | |
Heading size |
Adjust the size of the heading (range from 50-200%).
|
|
Heading alignment |
Adjust the alignment of the heading (Left, Center).
|
|
Button label | Enter label of button | |
Button position |
Adjust the position of button (Left, Center).
|
|
Store information | Phone | Enter your store's phone number |
Enter your store's email address | ||
Address | Enter your store's address | |
Section padding ( Desktop/Mobile)
|
Top | Adjust the padding on top of the section (range from 0 to 100 px). |
Bottom | Adjust the padding at the bottom of the section (range from 0 to 100 px). |
Block settings
Phone number | Required | Set the field as required field |
Message | Required | Set the field as required field |
Setup custom field
To add custom fields to the contact form, you can follow these steps:
- Enter the label for the field.
- Choose the input type for this field ( Dropdown, Radio Button, Checkbox).
- Enter the input values, which are separated by a comma.
Example: Dropdown type

Example: Radio button

Example: Checkbox

After the customer submits the form on the frontend, an email will be sent to the store administrator through the Store Sender Email configured in the settings. You can find this setting by navigating to: Shopify admin => Settings => Notification

Result in store sender email:

- Choosing a selection results in a full page refresh.
- Opens in a new window.