Contact Us

Theme: Multipurpose Fashion Theme

Help Center > Sections & Blocks > Forms & Newsletter Sections > Contact Us

Overview

The Contact us section displays a contact form so customers can send you messages. Submissions appear in Shopify Admin > Settings > Notifications > Contact form. Use it on a Contact page or in the footer area. The section includes an optional title, introductory text, and optional phone number field. No blocks—all content is configured in section settings.

Where to Add This Section

Go to Online Store > Themes > Customize.
Select Default page or create a Contact page.
Click Add section.
Choose Contact us.
Save.

📷 Image placeholder: Add a screenshot of Contact us section.

Quick Setup (2 Steps)

Add section — Add Contact us to your Contact page template.
Configure — Add title, text, and enable phone if desired.

Section Settings

Setting	Description	Default
Title	Section heading	—
Heading size	Small, Medium, Large	Medium
Heading position	Left, Center, Right	Left
Text	Introductory text above form	—
Show phone	Adds a phone number field to the contact form.	Off
Narrow column	Constrain form width for readability	—
Color scheme	Background and text (theme schemes)	None
Padding top	Top section padding	—
Padding bottom	Bottom section padding	—

Form Fields

The contact form typically includes:

Field	Description
Name	Customer name (required)
Email	Customer email (required)
Phone	Phone number (optional, if theme supports)
Message	Message body (required)

Fields are defined by the theme schema; customization may require code edits.

Where Submissions Go

Shopify Admin > Settings > Notifications > Contact form submissions
Submissions can be forwarded to your support email
Use apps (Zendesk, Gorgias, Help Scout) to route to a helpdesk or CRM

Step-by-Step Setup

Step 1: Create a Contact page (if needed)

In Shopify Admin, go to Online Store > Pages.
Click Add page.
Title: "Contact" (or "Contact Us").
Template: page or contact if your theme provides it.
Save.

Step 2: Add the section

Go to Themes > Customize.
Navigate to the Contact page (use the page dropdown or template selector).
Click Add section.
Choose Contact us.
Position where you want the form (often full width, centered).

Step 3: Configure section

Title — Enter "Contact us" or "Get in touch".
Text — Add introductory text (e.g. "Have a question? Send us a message and we'll get back within 24 hours.").
Show phone — Enable if you want your store phone displayed.
Heading position — Left, Center, or Right.
Color scheme — Choose a scheme that fits the page.
Narrow column — Enable for a narrower form (improves readability on wide screens).
Adjust padding as needed.
Save.

Step 4: Test

Submit a test message from the storefront.
Check Settings > Notifications > Contact form to confirm receipt.
Ensure your support email is monitored.

Use cases

Contact page — Primary way for customers to reach support
Footer area — Contact form on key pages
Support inquiry — Pre-sale or post-purchase questions
B2B inquiry — Wholesale or partnership requests

For merchants

Create a "Contact" page and add this section.
Add introductory text to set expectations (response time, hours).
Monitor submissions regularly; set up email forwarding if needed.
Consider adding FAQs above the form to reduce repetitive submissions.
Link to Contact from footer navigation.

Accessibility

Form fields include accessible labels and keyboard support.
Submit button is keyboard accessible.
Error and success states should be announced.

Previous steps

Next steps

Email Signup — Newsletter signup
FAQs Section — Reduce contact form volume
Map — Store location

Common mistakes

Mistake	Fix
Contact page missing	Create a Contact page and add this section
No intro text	Add Text to set expectations
Submissions not monitored	Set up email notifications; check Admin regularly
Form too wide	Enable Narrow column for readability
No link in nav	Add Contact to footer or main navigation

FAQs

1. Why am I not receiving contact form submissions?

Check your notification settings in Shopify Admin > Settings > Notifications. Make sure the contact form email is set to a monitored address. Also verify that emails are not being filtered into spam folders.

2. Where do contact form messages appear?

Contact form submissions are sent to the store's notification email. You can configure this in Shopify Admin > Settings > Notifications.

3. Can I change the fields in the contact form?

The default fields include Name, Email, optional Phone, and Message. Adding or removing fields requires editing the theme code.

4. Can I make the phone field required?

The phone field is optional by default. Making it required requires editing the theme code to add the required attribute.

5. Can I add multiple Contact us sections on one page?

Yes. The section supports multiple instances. Each form uses a unique ID to prevent conflicts.

6. Why is my contact form not sending?

Make sure your store is not password protected. Contact forms do not submit properly when storefront access is restricted.

7. Can I customize the success message?

The success message text is controlled by theme translations. You can edit it in Online Store > Themes > Edit default theme content.

8. Does the contact form support spam protection?

Shopify includes built-in spam protection for contact forms. Additional protection can be added using apps if needed.

9. Can I style the contact form?

Yes. The appearance is controlled by the theme's CSS. Developers can customize styles by editing the contact-us.css file.

10. Can customers upload files?

No. The Contact us section does not support file uploads. File upload support requires custom development or an app.

11. Why is the form too wide on large screens?

Enable the Narrow column setting to improve readability on wide displays.

12. Can I translate the contact form text?

Yes. All text strings support translation. Edit translations in Online Store > Themes > Edit default theme content.

Multipurpose theme documentation