Contact form

Contact form lets customers write to you from your store. Each message reaches your store’s email address, with the customer’s address to reply to. You choose the fields: name, phone, order number, a dropdown of topics, a consent checkbox. It is used on the contact page template, below the Page section, and you can add it to any page.

Find the messages from the contact form

Shopify sends every message by email to your store’s email address, the one set in the settings of your Shopify admin. When you reply, the reply goes to the email address the customer entered. See Add a contact page in the Shopify Help Center.

To use the form on your contact page, open the page in Online Store > Pages and choose the contact template in Theme template.

The Heading names the form for everyone, screen readers included. If you leave it empty, the form is headed “Write to us”, translated into your store’s languages.

Choose the fields

Each field is a Field block. Add one per question and drag them into order. In the theme editor each block is named after its label.

• Label is what customers read above the field, and also the title of that answer in the email you receive. Give every field a different label: two fields with the same label overwrite each other.
• Field type sets the kind of answer: a single line, a longer message, a date, a phone number, a dropdown, single choice buttons or checkboxes. For Dropdown, Single choice and Checkboxes, list the choices in Options, separated by commas. Checkboxes with no options show one checkbox with the label next to it, useful for a consent.
• Require this field asks customers to fill it in before sending. The form writes “required” or “optional” next to each label, so nobody has to guess.
• Help text appears under the field, for example “You’ll find it in your order confirmation”.
• Width puts two Half fields side by side on larger screens; on phones every field takes the whole row.

Keep one Email field

The form needs exactly one field of type Email: Shopify won’t send the message without it, and it’s the address you reply to. If it’s missing, the theme editor shows a notice under the fields. Don’t add a second one.

Let browsers fill in the fields

Autofill tells browsers what a single line, phone or URL field asks for, so customers can fill it with one tap. When a customer is signed in to their account, the fields set to their name, email or phone start already filled in. Leave it on None when the field isn’t about the customer, for example “Store you called”.

What customers see when they send

Fields are checked as customers go, with clear messages under each field. After sending, a confirmation appears in place, and screen readers announce it. Without JavaScript the form still works: the page reloads on the form with the confirmation or the error.

Shopify adds a spam check (hCaptcha) to contact forms. It comes from Shopify, not from the theme, and customers may occasionally be asked to complete a challenge before the message is sent.

Show it only between two dates

Turn on Schedule visibility and set a start, an end, or both. See Scheduling.

Settings

Settings: Contact form

Setting	Type	Default	Options
Messages are sent to your store email address. Learn more
Heading	Text	Write to us	—
Layout
Use full page width	Checkbox	On	—
Vertical spacing	Drop-down	Regular	Compact Regular Spacious
Color scheme	Color scheme	scheme-1	—
Schedule
Schedule visibility	Checkbox	Off	—
Start date and time Use the format YYYY-MM-DD HH:MM, in your store's time zone. Leave empty to show it right away. Shown when Schedule visibility is on	Text	—	—
End date and time Use the format YYYY-MM-DD HH:MM, in your store's time zone. Leave empty to keep showing it. Shown when Schedule visibility is on	Text	—	—

Blocks

Field

Settings: Field

Setting	Type	Default	Options
Label Also used as the field title in the email you receive. Use a different label for each field, and only one Email field.	Text	Order number	—
Field type	Drop-down	Single line text	Single line text Multi-line text Email Phone URL Number Date Time Date and time Month Week Color Dropdown Single choice Checkboxes
Options Separate options with a comma. Checkboxes without options show a single checkbox with the label next to it. Shown when Field type is Dropdown or Field type is Single choice or Field type is Checkboxes	Text	—	—
Autofill Lets browsers fill in this field. Name and phone fields also start with the details of signed-in customers. Shown when Field type is Single line text or Field type is Phone or Field type is URL	Drop-down	None	None Full name First name Last name Company Street address City Postal code Country Phone Website
Require this field	Checkbox	Off	—
Help text	Text	—	—
Width On mobile every field uses the full width.	Drop-down	Full	Half Full