Pages and search
How the contact page, legal pages, the journal, search and the special pages work.
Contact page
Assign a page the contact template. It shows the page's title and a Grid of panels: Call us, Message us and Email us, a picture beside Book an appointment, the contact form beside Before you write, and Frequent questions.
- Replace the sample phone number, messaging link and email in the panels' buttons. Buttons take
tel:,mailto:and web links. - Messages from the form go to your store's sender email (Settings › Notifications).
- Each Panel sets its width (a third, half, two thirds or the full row), background and content. Turn into a collapsible on phones folds a panel under its title on small screens.
Legal pages and the help bar
- Assign pages such as Terms, Delivery and Returns the legal template.
- Create a menu with your contact page, policies and help pages, and pick it in Theme settings › Region and privacy › Help bar menu.
Legal pages and Shopify's policy pages then show the help bar, the title and a reading column. Long legal pages get a list of contents built from their Heading 2s (Theme settings › Pages › Show contents), so use headings to divide them.
Policies you fill in at Settings › Policies show in the footer (Footer › Show policy links); empty ones don't.
Pictures at the top of pages
Theme settings › Pages › Image at the top lets pages, articles and collections open on a large picture with their title on it. An article and a collection use their own image. For a page, create a page metafield in Settings › Custom data › Pages with namespace and key custom.image and type File (images), then pick each page's picture there.
Journal
Your blog is the Journal: articles show with their date, author, first tag and the first lines of their excerpt. Theme settings › Pages › Journal sets whether it leads with the newest article, the picture shape, tags and articles per page. Comments show when the blog takes them (Content › Blog posts › Manage blogs).
Search
Search opens over the page and shows results while the shopper types. Set it up in two places:
- Theme settings › Search: Suggested searches (separated by commas), Suggested collections and Popular products, shown before anything is typed. On phones, search opens on the suggestions, so add a few. Find collections and Find policies add matching collections and policies to the suggestions.
- Search & Discovery app › Settings: tick Pages and Blog posts in the result types so shoppers can find size guides, care and help pages. New stores search products only.
A page hidden from search engines is left out of your store's search too.
The 404 page
The page shown for a wrong address is a Canvas section. Its Heading and Text blocks can use [search_string] (the address in words), [path] and [shop]. Add buttons to point shoppers somewhere useful.
Password page
While your store is password protected, visitors see the Password page: your logo or a picture, a heading, your message, an email signup and Enter with password. The message set in Online Store › Preferences wins over the section's text.