Contact page

The contact page: a form built from input blocks, next to information blocks for your address, hours or phone number.

Where to find it: In the theme editor, choose this template from the page dropdown at the top of the screen. Template file: templates/page.contact.json.

Good for

A contact form with the fields you choose, including dropdowns
Showing your email, phone, address and social links beside the form

Set it up

In your admin, create a page (Online Store → Pages), for example "Contact".
Under Theme template, choose contact and save.
Add it to your menu under Online Store → Navigation.
Messages go to your store's sender email, set in Settings → Notifications → Sender email.

Section settings

Content

Caption	Small label above the heading, used for eyebrow text like a category or a date.
Heading	The section title. Leave it empty to hide the heading row entirely and let the content start at the top.
Heading size	Picks one of the heading sizes defined in Theme settings → Typography, so headings stay consistent across sections instead of being sized one by one.Choose Default, H1 (default), H2, H3, H4, H5 or H6.
Description	Body copy shown under the heading. Supports bold, italic and links.
Content alignment	Aligns the text content within its column.Default: Center.

Contact form

Submit button label	Text on the button that sends the form, such as "Send message".
Button style	Picks one of the button styles defined in Theme settings → Buttons: primary, secondary or tertiary.Choose Primary (default), Secondary or Tertiary.

Appearance

Color scheme

Sets the background, text, border and button colors for the section. Schemes are defined once in Theme settings → Colors and reused everywhere, so changing a scheme updates every section using it.

Spacing

Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.

Blocks

Blocks are the individual pieces inside the section. In the sidebar, click Add block under the section to add one, and drag blocks to reorder them. The order in the sidebar is the order on the page.

Input block

Input type	What the field collects. Email is the address Shopify replies to and checks for a valid format. Multi-line text is the message box. Phone brings up the number pad on phones. Use each of these three once per form; add as many Single-line text, Number and Dropdown fields as you like.Choose Single-line text (default), Multi-line text, Email, Phone, Number or Dropdown.
Label	The field's name. It isn't shown on the page, but screen readers announce it, and it labels the answer in the email you receive, so make each one different.
Placeholder	The hint shown inside the empty field, such as "Your name". This is the only visible label, so make it clear. Leave empty to use the Label.
Mark as required	Marks the field as required.Off by default. Only appears when Input type* is not Email.*

Dropdown

Options

Enter each dropdown option on a separate line to add a new option to the dropdown.Only appears when Input type is Dropdown.

Info block

You can add up to 1 of these per section.

Email

Icon	Preset icon for this slot.Choose None, Store, Phone, Heart, User, Check, Check circle, Star, Lab, Info, Truck, Free shipping, Ruler, Returning, Return, Secure, Credit card, Gift, Tag, Discount, Map pin, Package, Clock, Wallet, Coupon, Award, Barcode, Diamond, Leaf, Apple, Gluten free, Gluten, Vegan, Dairy, Dairy free, No added sugar, Protein, Droplet, Droplet free, Bolt, Moon, Brain, Recycle, Envelope (default), Chat, Sparkle, Flame, Recurring, Lock, Globe, Calendar, Nut off, Sprout, Arrow right, Arrow up right, Arrow left, Chevron right, Chevron down, Plus, Minus, Cross, Play, Cart, Shopping cart, Search, Link, Download, Home, Hamburger, Edit, Login, Error, Arrow up, Chevron left, Chevron up, Arrow down, Filter, Trash, Share, Eye, Sound on, Sound off, Expand, Copy, Question, Warning, Sticky note, Notification, Swap, List, Grid or Logout.
Custom icon	Custom image for this slot.Overrides the icon above. Use a transparent .svg or .png.
Icon size	Size of the icon beside this item.Adjustable from 16px to 64px (default 24px).
Label	Label for this item, such as "Email us".
Description	The details under the label, such as your support email address. You can add a link, for example a mailto: link.

Phone

Icon	Preset icon for this slot.Choose None, Store, Phone (default), Heart, User, Check, Check circle, Star, Lab, Info, Truck, Free shipping, Ruler, Returning, Return, Secure, Credit card, Gift, Tag, Discount, Map pin, Package, Clock, Wallet, Coupon, Award, Barcode, Diamond, Leaf, Apple, Gluten free, Gluten, Vegan, Dairy, Dairy free, No added sugar, Protein, Droplet, Droplet free, Bolt, Moon, Brain, Recycle, Envelope, Chat, Sparkle, Flame, Recurring, Lock, Globe, Calendar, Nut off, Sprout, Arrow right, Arrow up right, Arrow left, Chevron right, Chevron down, Plus, Minus, Cross, Play, Cart, Shopping cart, Search, Link, Download, Home, Hamburger, Edit, Login, Error, Arrow up, Chevron left, Chevron up, Arrow down, Filter, Trash, Share, Eye, Sound on, Sound off, Expand, Copy, Question, Warning, Sticky note, Notification, Swap, List, Grid or Logout.
Custom icon	Custom image for this slot.Overrides the icon above. Use a transparent .svg or .png.
Icon size	Size of the icon beside this item.Adjustable from 16px to 64px (default 24px).
Label	Label for this item, such as "Call us".
Description	The details under the label, such as your phone number and opening hours.

Store location

Icon	Preset icon for this slot. A Custom icon image, if set, replaces it.Choose None, Store, Phone, Heart, User, Check, Check circle, Star, Lab, Info, Truck, Free shipping, Ruler, Returning, Return, Secure, Credit card, Gift, Tag, Discount, Map pin (default), Package, Clock, Wallet, Coupon, Award, Barcode, Diamond, Leaf, Apple, Gluten free, Gluten, Vegan, Dairy, Dairy free, No added sugar, Protein, Droplet, Droplet free, Bolt, Moon, Brain, Recycle, Envelope, Chat, Sparkle, Flame, Recurring, Lock, Globe, Calendar, Nut off, Sprout, Arrow right, Arrow up right, Arrow left, Chevron right, Chevron down, Plus, Minus, Cross, Play, Cart, Shopping cart, Search, Link, Download, Home, Hamburger, Edit, Login, Error, Arrow up, Chevron left, Chevron up, Arrow down, Filter, Trash, Share, Eye, Sound on, Sound off, Expand, Copy, Question, Warning, Sticky note, Notification, Swap, List, Grid or Logout.
Custom icon	Custom image for this slot.Overrides the icon above. Use a transparent .svg or .png.
Icon size	Size of the icon beside this item.Adjustable from 16px to 64px (default 24px).
Label	Label for this item, such as "Visit us".
Description	The details under the label, such as your street address or a link to directions.

Social icons

Social links are managed in Theme settings → Social media.

Enable social icons	Adds a row with your social media icons to the info card.On by default.
Icon	Preset icon shown beside the social row's label.Choose None, Store, Phone, Heart, User (default), Check, Check circle, Star, Lab, Info, Truck, Free shipping, Ruler, Returning, Return, Secure, Credit card, Gift, Tag, Discount, Map pin, Package, Clock, Wallet, Coupon, Award, Barcode, Diamond, Leaf, Apple, Gluten free, Gluten, Vegan, Dairy, Dairy free, No added sugar, Protein, Droplet, Droplet free, Bolt, Moon, Brain, Recycle, Envelope, Chat, Sparkle, Flame, Recurring, Lock, Globe, Calendar, Nut off, Sprout, Arrow right, Arrow up right, Arrow left, Chevron right, Chevron down, Plus, Minus, Cross, Play, Cart, Shopping cart, Search, Link, Download, Home, Hamburger, Edit, Login, Error, Arrow up, Chevron left, Chevron up, Arrow down, Filter, Trash, Share, Eye, Sound on, Sound off, Expand, Copy, Question, Warning, Sticky note, Notification, Swap, List, Grid or Logout. Only appears when Enable social icons* is on.*
Custom icon	Overrides the icon above. Use a transparent .svg or .png.Only appears when Enable social icons is on.
Icon size	Size of the icon beside the social row's label.Adjustable from 16px to 64px (default 24px). Only appears when Enable social icons* is on.*
Label	Heading above the social links.Only appears when Enable social icons is on.

Tips

Keep one Email field. It's the address you reply to, and Shopify checks it for a valid format before sending.
Write clear placeholders. The field labels are hidden on the page, so the placeholder is what shoppers read.
Give every field a different Label. The label is how each answer is named in the email you receive; two fields with the same label overwrite each other.
Use a Dropdown for the reason for contact (Order, Returns, Wholesale) so messages arrive already sorted.

Troubleshooting

Problem	Fix
I'm not receiving contact form messages	Messages are sent to the sender email in Settings → Notifications. Check your spam folder, and test the form while logged out.
The form sends even when a required field is empty	Only the Email field is checked when the form is sent (Shopify rejects a missing or invalid address). Mark as required flags the other fields but doesn't block sending, so don't rely on it for essential details.
An info item isn't showing	An item appears only when its Label or Description has text. The social row needs Enable social icons on and your links added in Theme settings → Social media.