Add a contact form to your theme
You can add a contact form to your theme to allow customers to get in touch with the merchant.
You can add this form with the Liquid form tag and accompanying 'contact'
parameter. Inside the form, you can include two different input types:
The following is an example of the form with both of the above input types:
Required input
Anchor link to section titled "Required input"The following input is required for the form to submit successfully:
Input | type | name |
---|---|---|
email |
contact[email] |
Optional inputs
Anchor link to section titled "Optional inputs"The optional inputs can be any HTML input type. They need to have an attribute of name="contact[information_id]"
, where information_id
briefly identifies the information that you're collecting. These titles appear in contact notifications, and must be unique within the form.
To make a specific field required for a customer, you need to add a field attribute of required="required"
within the field's input element.
Below are examples of input types that you might want to add to your form.
Dropdown type
Anchor link to section titled "Dropdown type"
Checkbox type
Anchor link to section titled "Checkbox type"To accept multiple selections, each input in a checkbox group needs to have a unique name
value. If you don't use a unique name
value for each input, then the form will only return the last value that was selected.