Contact

The Contact template combines a contact message with a Shopify contact form. Use it when customers need a clear way to ask a question without exposing private support addresses or account details on the storefront.

Open the Contact template

1. From Shopify admin, go to Online Store > Themes > Customize.
2. Use the page selector to open the page using the Contact template.
3. Select the Contact form section.
4. Review the form with valid and invalid input in an unpublished theme before saving.

Template order

The current saved Contact template contains one section:

1. Contact form

The section's default block order is Name, Phone, Subject. Email and message fields are part of the form and are not optional blocks.

Content

Subheading

• Controls: Optional short label above the contact heading.

Heading

• Controls: Main contact heading. The current default is Contact us.

Content

• Controls: Rich text that explains how customers should use the form and what response to expect.

Details heading

• Controls: Optional heading for additional contact details.

Details text

• Controls: Optional rich text for the details area.

Button label

• Controls: Submit-button text. The current default is Send message.

Image

Image

• Controls: Optional image displayed beside the form.
• Use it when: Use a relevant, non-sensitive image that supports the contact context.

Image position

• Controls: Chooses the image side.
• Options: Left or Right. The current default is Left.

Layout

Full width

• Controls: Uses the full available width when enabled. The current default is off.

Text position

• Controls: Aligns the heading and text.
• Options: Left, Center, or Right. The current default is Left.

Form width

• Controls: Sets the form content width.
• Options: Small, Medium, or Large. The current default is Small.

Spacing

Section spacing

• Controls: Sets the section spacing to None, Small, Medium, or Large. The current default is Medium.

Top spacing

• Controls: Adds or removes top spacing. The current default is on.

Bottom spacing

• Controls: Adds or removes bottom spacing. The current default is on.

Blocks

Name

Optional name field. Limit: 1.

Phone

Optional phone field. Limit: 1.

Subject

Optional subject field. Limit: 1.

Custom

Adds an additional text field. There is no stated block limit.

• Label: Field label. The current default is Custom field.
• Required field: Makes the custom field required. The current default is off.

Reorder blocks to match the information customers need to provide. The form always includes the required email and message fields; verify the final order with an accepted fixture.

Form fields and states

The current form includes email and message fields in addition to the configurable blocks. Email and message are required; the message field accepts 10–5000 characters in the current section source. The form also exposes error and success status messages.

Do not document a response time or promise a support channel from this template. Configure the destination and handling process through Shopify and the approved C14 support workflow.

Desktop and mobile behavior

A final guide should compare the image-left, image-right, and no-image states at desktop and mobile sizes. Verify long labels, validation messages, keyboard order, and whether the form remains usable when the image stacks above or below it.

Exact breakpoints are intentionally not stated here.

Media recommendations

Use an image with a clear focal point and no customer, order, or account information. Check its crop in both image positions and on narrow screens. Exact dimensions require approved fixture testing.

Accessibility and motion

Use alternative text that explains the image's purpose. Keep the email, message, and optional fields labelled and keyboard reachable. Verify focus moves to validation and success messages before publishing a final interaction claim.

Common checks

• If the form does not show an optional field, confirm the corresponding block has been added and is not duplicated beyond its limit.
• If a custom field is unexpectedly optional or required, review Required field.
• If a submission fails, capture the field validation state without including a real customer email or message in documentation.

Related guides

• Pages overview
• Support
• Typography

[!NOTE] The labels, block limits, field order, and schema constraints above come from the current Contact template and section schema. Final form validation, responsive layout, and submission behavior remain pending accepted browser verification.