Contact form

A contact form beside the other ways to reach you – email, phone, chat, address, opening hours and Instagram. Messages go to your store's email address.

In the editor
Contact form
Where it goes
Any page template, with Add section
In the presets
Every preset: Contact page
Settings
15
Blocks
Contact channel
App blocks
Yes

Set it up

  1. Write the Heading and Text – when you reply and what to include.
  2. Choose which fields to show: Show phone field and Show order number field. Name, email and message are always there.
  3. Add Contact channel blocks for your other channels: pick an Icon (email, phone, chat, location, opening hours, Instagram), a Title, a Text and a Link.

Where messages go

Messages are sent to the sender email in Settings › General. Shopify protects the form against spam, and may show a captcha to some visitors.

Layout

Layout: Text left, form right, or Stacked. The Contact page template places a FAQ under the form, so common questions get answered before they are asked.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Section: Contact form15 settings
SettingOptionsDefault
HeadingRich text (one line)Sample text
Heading sizeLarge · Medium · SmallLarge
TextRich textSample text
LayoutText left, form right · StackedText left, form right
Show phone fieldCheckboxOn
Show order number fieldCheckboxOn
Color schemeColor schemeScheme 1
Section spacing
Top padding0–160px80px
Bottom padding0–160px80px
Top padding on mobile0–120px56px
Bottom padding on mobile0–120px56px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–

Block settings

Block: Contact channel4 settings
SettingOptionsDefault
IconEmail · Phone · Chat · Location · Opening hours · InstagramEmail
TitleTextSample text
TextTextSample text
LinkLink–