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.
| 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
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.