Contact concierge
The contact page: an editorial introduction, up to three contact topics, and Shopify’s native contact form on a soft background of line art or your own photograph.
- Merchant-addable
- No — template section
- Settings
- 21
- Block types
- 1
- Max blocks
- 3
- File
sections/contact-concierge.liquid
Used by default on: page.contact
Screenshots pending
Captures for Contact concierge at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
The contact page template. It is available on page templates only.
Setting it up
- Under Content, write the Eyebrow, Heading, and Body text. A blank heading uses the page title. Show page content adds the text from the page in Online Store → Pages beneath the body text, and Response promise sets the reply time customers can expect.
- Add up to three Contact topic blocks, each with an icon, heading, and short line of text, such as Product guidance, Order care, and Partnerships.
- Under Form, set the Form heading and Submit button label. Messages go to the store contact email set in Shopify admin.
- Under Background, upload desktop and mobile images, or leave them empty to show the built-in Background artwork. Background veil keeps text readable over an image, and Show frosted form surface with Frosted surface opacity softens the form panel over a photograph.
- Color scheme defaults to Scheme 7 (stored as
scheme-6) and Form color scheme toscheme-3, with 48px top and 72px bottom padding.
Where the content comes from
Section settings own the copy, background, and form labels. Contact topic blocks own the topics and their order. Shopify owns the contact form and where messages are delivered.
Notes and cautions
- Keep the response promise to a time your team actually meets.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Content
Uses the page title when left blank.
Shows content from Online Store pages beneath the body text.
Form
Background
16:9 aspect ratio recommended. The image focal point controls the crop.
4:5 aspect ratio recommended. Uses the desktop background when left blank.
Shows built-in line art when you leave the background image empty.
Adds the color scheme background over the image for readable text.
Adds a soft glass effect when you select a background image.
Increase this for stronger contrast over detailed images.
Style
Spacing
Blocks
Blocks are added, reordered, duplicated, and removed inside the section. Each type has its own settings.
Contact topic pathway
Also appears as an option in the contact form.
Keep this concise. Long descriptions use up to two lines.