Contact page

Contact page

Start your free trial
Start your free trial

General

Online store speed
Online store speed
Accessibility
Accessibility
Theme updates
Theme updates

Theme styles

Style presets
Style presets
Colors
Colors
Fonts
Fonts
Animation
Animation
Social media
Social media

Header

Announcement bar
Announcement bar
Mobile menu
Mobile menu
Search bar
Search bar

Sections

Products

Product listings
Product listings
Product badges
Product badges
Quick view
Quick view
Quick add
Quick add

Product page

Product template
Product template
Variant chips
Variant chips
Sticky add-to-cart bar
Sticky add-to-cart bar
Sibling product swatches
Sibling product swatches
Product recommendations
Product recommendations

Collection page

Collections template
Collections template
Banner
Banner
Product grid
Product grid
Filters and sorting
Filters and sorting

Cart

Quick cart
Quick cart
Cart page
Cart page
Added-to-cart popup
Added-to-cart popup
Cross sells
Cross sells
Free shipping bar
Free shipping bar
Low inventory warning
Low inventory warning

Pages

Templates
Templates
Home page
Home page
About page
About page
Blogs page
Blogs page
Blog post
Blog post
Collections list
Collections list
Contact page
Contact page
Password page
Password page
Search page
Search page
404 page
404 page

Support

Support policy
Support policy
Shopify vs Theme issues
Shopify vs Theme issues
Store access requests
Store access requests

Contact page

The Contact page template provides a simple and effective way for customers to get in touch with you. The template includes preset sections for frequently asked questions and a contact form.

This guide explains how to set up the contact page template using theme sections, and includes demo examples and recommendations to get you started.

Quick setup

For your contact page, you first need to create a page and assign the about template in your Shopify admin. Then, in the theme editor, you can customize the contact page template using the preset theme sections.

Admin | The contact form is a Shopify feature. You can test Shopify's free theme Dawn to see if an issue is platform-related. For assistance, you can contact Shopify support.

Create page and assign template

In your Shopify admin, you need to create a page and assign the contact template.

Admin | Pages are a Shopify feature: see Shopify's guide for creating pages.
icon
STEPS

In your Shopify admin:

  1. Click Online store > Pages.
  2. Click Add page.
  3. Add a Title (e.g. "Contact us").
  4. The title will be used for the page URL (e.g. www.store.com/contact-us).
    You don't need to add anything to the Content field. You will add the page content by editing the template in the theme editor.
  5. (Optional). Under Visibility, you can click Hidden if you don't want to publish the page to your live site yet.
  6. Click the Theme template menu and select contact to assign the template to your page.
  7. image
    Note: Templates can't be assigned on unpublished themes. Your changes to templates will be saved and can be assigned when you buy and publish the theme.
  8. Click Save.

Edit contact page template

The default Contact template includes preset sections designed to provide answers to common questions and let customers get in touch.

You can also use theme sections to provide direct contact information, such as an email address or phone number, your business hours, location, and social media links.

We recommend first editing the preset sections and hiding any sections you won't use. Then, you can add other theme sections to further customize your page.

icon
STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Pages > contact.
  2. image
  3. Click Change in the "PREVIEW" section to select the page you want to use for your contact page.
  4. A warning symbol (!) next to the page name means that the template is not assigned. Click the page name to go to your Shopify admin, and assign a template.
  5. Click (+) Add image to display an image next to the contact form.
  6. We recommend using an image with a portrait orientation.
  7. Under Template, click (+) Add section to further customize your page with theme sections.
  8. Click and hold the drag and drop handles ⋮⋮ to change the order of sections.
  9. Click Save.
  10. Remember to assign the template and set your page to Visible in your admin.
  11. (Recommended.) Link to your contact page in your Header and Footer menus.
  12. Click Save.