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.

Tip

To learn more about the merchant experience of receiving submissions, refer to View contact form submissions.

You can add this form with the Liquid form tag and accompanying 'contact' parameter. Inside the form, you can include two different input types:

• Required input
• Optional inputs

The following is an example of the form with both of the above input types:

Tip

For another example of a contact form, you can refer to Dawn's implementation.

Required input

The following input is required for the form to submit successfully:

Input	type	name
Email	email	contact[email]

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

Radio type

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.