Shopify Page Templates: How to Customize Shopify Pages to Grow Your Store

August 11, 2021
by
Michelle Deery

Shopify Page Templates: How to Customize Shopify Pages to Grow Your Store

August 11, 2021
by
Michelle Deery
Get the latest straight to your inbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Share on:

Shopify page templates allow retailers to quickly launch new content with a uniform look and feel. 

This approach is so simple and efficient that it's possible to go from new account creation to a functional, live Shopify store in just 15 minutes. That’s about how long it takes to make and then drink a smoothie. Not bad!

That's likely one of the reasons why Shopify powers over 1.7 million businesses in more than 175 countries on its hosted platform and has driven more than $119.6B worth of sales worldwide.

In this article, we'll break down how Shopify page templates are used, how to find yours, and how to quickly customize page templates in your Shopify store.

In case you aren’t quite sure what a template is, we’ll start by answering the question...

What are Shopify page templates?

A Shopify page template is simply a predesigned page layout for your store. So, instead of starting from scratch, they’ve done the work of getting it all set up for you.

A template will include things like the formatting and layout of the content on the page, the fonts, and overall design—helping you build a website that accurately represents your brand.

With a template in place, you can go on to customize the look and feel to reflect your brand and include your desired functionality.

Why should you use Shopify templates?

The primary benefit of page templates is the ease with which content can be published in a uniform way.

In the past, retailers had to hard code every page on a website. 

To maintain a consistent look and layout, they would have to manually replicate the code from one page to another. Then it would have to be edited to include the content for the new page. 

If any changes had to be made to layout or design, those pages would have to be individually updated and tested.

Shopify templates remove the need of having to touch or even see any code. Woohoo!

#cta-visual-pb#<cta-title>Get access to 30+ pre-built page templates instantly!<cta-title>Build custom pages quickly with professionally designed page templates using Shogun Page Builder.Start building for free

 

How do Shopify templates work?

As we’ve established so far, using page templates in Shopify simplifies the process of building an online store.

It works like this: 

  1. You add a new page to your store and it automatically uses your theme’s default page template. 
  2. If you want something a bit different from what you are offered, you simply choose another page template within that theme.
  3. If you want a different overall look for your store, you can choose a new theme from Shopify’s theme store. That theme will have its own set of templates.
  4. You add the new content for each page without having to edit the codebase. Since there is no messing with code, you will see few, if any, disruptions to your store.

How to choose Shopify page templates

Choosing a Shopify page template is simple.

First, when creating a new page, you'll have the option to choose from a list of Shopify templates that will impact how the content is displayed once the page is published and live. 

The choice of page templates that are available will depend on the Shopify theme you are using. 

You can see the list of available page templates each time you create a new page and when you access the theme editor. 

Add page in the default Debut theme in Shopify

 

Types of Shopify pages

Shopify theme’s prebuilt page templates are designed for the primary pages you want in your online store.

We’ll get into how to customize those page templates further down, but first, let’s cover the types of Shopify pages you’ll find.

Page templates within Shopify
Image source: Shopify

The types of templates you will find are:

  • Shopify About Us page: Your About Us page is a power tool that can be used to engage customers. It should contain information about your unique selling proposition and brand story. 
  • Shopify product page: When users land on your product page they expect to be validated in their choice and receive answers to their questions. Great product pages can really convert.
product page template shopify brooklyn theme
  • Shopify password page: Your Shopify store will need a password page to limit access before its launch.
  • Shopify collection page: Allow your store’s visitors to “window shop” by classifying your products into various collections according to their similarities.
collection page template shopify brooklyn theme
  • Shopify blog page: Generate backlinks, promote your products, and create an online community all by publishing blog posts on your Shopify store.
  • Shopify shopping cart page: Make purchasing your products easy with a simple checkout process.
shopping cart page template shopify brooklyn theme
  • Shopify 404 error page: When pages are deleted from your store (i.e. a product you no longer sell) without building a URL redirect, visitors are served a 404 error informing them that the page they were looking for no longer exists. You can really make this a fun page.
  • Shopify contact page: Provide your customers with a way of contacting your team to provide customer service.

The theme editor also gives you some basic customization options for the Shopify website templates, as well as the ability to edit the code of the individual template files (more on that below).

Note: In order to use any page templates from a theme, that theme will need to be published as the active theme for your Shopify store.

What pages do you need on Shopify?

It’s important to choose Shopify pages that will deliver the shopping experience your customers expect. 

The pages must both attract their attention and keep them engaged. 

That said, your store won’t need every type of Shopify page template available. Only build those that benefit your customers and help drive sales. 

Here are the eight most important pages to publish on your store:

  • Homepage
  • About Us page
  • Contact page
  • Product pages
  • FAQs page
  • Return Policy
  • Privacy Policy
  • Blog page

How to get more Shopify page templates

If you want more page templates than are already available in Shopify, you have a few options:

  • Create your own alternate template pages from scratch
  • Purchase a theme that includes more page templates
  • Use a page builder app like Shogun with pre-loaded page templates

Your resources and priorities will help determine which option is best for your ecommerce store.

Create Shopify page templates from scratch

This is arguably the most difficult option—at least for people who aren't familiar with coding or specifically Shopify's Liquid code.

There are a number of advanced tutorials and support that teach you how to create a new page template in Shopify from scratch. These will take you through the process of creating custom page templates, adding sections, and editing your theme. 

There's also a great tutorial from Shopify Partner Liam Griffin on how to code custom page templates using Liquid. If you like taking the DIY route with your store and have the time, go for it!

Access more page template options from Shopify themes

Each theme available in the Shopify Theme Store will have different features and design options. This includes different page templates that will give you more options for building your store.

These extra page templates are in addition to the basic page templates that exist for every Shopify store as seen in the image above. 

Out of the Sandbox is a well-known theme developer for Shopify with a number of premium themes available on the Shopify Theme Store. Many of those themes include additional page templates you can use to change the way content is shown. 

For example: 

The ‘page.multi-column’ template creates multiple columns in a page using a split function, saving retailers from having to mess with code in order to add content modules in columns.

multi column page template out of the sandbox shopify

The ‘page.narrow’ template reduces the content field of the default page template, creating more whitespace on either side of your content. This makes skimming and reading content easier for the consumer.

The image below from Out of the Sandbox compares the narrow page template with the default page template in Shopify, demonstrating how much nicer the experience can be with a simple change.

page.narrow out of the sandbox shopify page template
default page template wide text shopify

You may need to search through quite a few themes before you find the Shopify landing page template that’s a good fit for your store.

Get more Shopify page templates with Shogun

You don't necessarily have to buy a premium theme to get access to more page templates in Shopify.

While the visual drag-and-drop editor in our Shogun Page Builder makes it easy to design custom Shopify templates in just a few clicks, building pages from scratch can still be a headache sometimes.

That's why we've included dozens of pre-made page templates tested and proven to perform in ecommerce stores.

choose shopify page templates in shogun page builder

Check out this quick video tutorial showing how easy it is to choose and customize page templates in Shopify using Shogun (the Page Builder UI is not up to date but you'll get the idea):

You can also create your own custom premade templates from scratch with Shogun to be reused throughout your store, as you can see in this helpful video.

How to customize Shopify pages and templates

There are two ways you can edit the page templates loaded into your Shopify theme. We can call it the easy way and the hard way. 

Let’s dive right in, starting with the hard way.

Editing page templates in Shopify (the hard way)

The first way you can customize page templates is to manually edit the template file in Shopify. You can do this by navigating to Online Store > Themes in your Shopify admin dashboard.

Once here, click on Customize next to your current theme.

Click on Customize in Shopify

Image source: Shopify

When the customization window opens, select the page template you want to modify in the upper dropdown menu. 

Once chosen, you'll be able to make basic changes to the sections and content coded into that page template.

If you want to make any other changes to the Shopify page template—like alter the layout or add sections not currently available—then you'll need to edit the code for the individual template files.

For more information, check out our detailed visual guide on how to edit Shopify theme files and page templates.

Or, you could go with the easy way, AKA using a visual page builder like Shogun.

Customizing Shopify pages the easy way with Shogun

If you're not quite happy with the way your page templates look and function in Shopify and just can’t seem to get the coding right, Shogun makes it easy to customize them with just a few clicks.

Once Shogun is connected to your Shopify store, you can import all your pages and template files. 

From there, you can use the visual editor to adjust the placement of content, add any element and sections you like, and republish the content on your Shopify store. Super easy.

shogun page builder visual editor homepage template

One of the more popular page elements that Shogun offers is showing off the star reviews of your products. 

shogun page builder elements product reviews shopify

In Page Builder, you can add tabs to your product pages to display important information like product description, returns, and shipping details. This helps condense a lot of vital info without making your page look cluttered.

shogun page builder tabs element for shopify

You can also place a form on your Shopify page templates, helping you collect customer email addresses so you can keep them coming back with powerful email marketing.

shogun page builder form element shopify store

The benefits of custom page templates

You don't necessarily need a different page template for every page in your Shopify store. But custom page templates do come with a number of benefits.

We've already mentioned how page templates make it easy to change your layout across multiple pages using the same template.

In addition, prebuilt Shopify page templates:

  • Make deployment of custom landing pages faster for marketing campaigns
  • Allow you to present content in the best light for specific types of pages
  • Create high-converting landing pages that match your ads
  • Increase the chances for a conversion from a new visitor
  • Optimize your pages for SEO to increase organic traffic
  • Deliver a good user experience to lower your store’s bounce rate 

Yep, you read that right. 

Your custom page templates can have an impact on whether or not a customer makes a purchase from your store.

In fact, a study from Marketing Charts that compared conversion data between custom landing pages and standard product pages showed a significant gap in performance. 

ecommerce site landing page benchmarks chart
Image source: Marketing Charts

The results show:

  • There are more pages viewed per session when landing on a custom page template
  • Higher conversion rates for custom landing pages
  • Double the revenue per session with custom page templates

#cta-visual-pb#<cta-title>Want to edit your Shopify page template?<cta-title>Customize your Shopify page in just a few clicks using the Shogun Page Builder.Start building for free

 

5 examples of custom Shopify templates from Shogun

When it comes to building your Shopify page templates, great design is a must. 

A well-designed template that contains high converting elements will put your store in the spotlight, from the moment users land on its pages to the moment they click that buy button. 

Shogun has over 30 Shopify templates for you to choose from to create an exceptional ecommerce experience. 

Let’s review five of them.

Homepage template

Your homepage should immediately give a clear idea of what items you sell. That’s why it’s important to showcase your most powerful products. 

The Shopify homepage template below allows users to display their most popular products in an uncluttered layout. 

It also includes an image gallery, opt-in form, and testimonials.

homepage template shogun page builder

Product page template

When you create a custom product template in Shopify it should contain the mandatory elements needed to drive sales. 

These are seen in the Shopify product page template below—product description, product image, price, add to cart button, payment, and shipping information.

It also contains a pop of color in the add-to-cart button that draws emphasis to the CTA—a particularly useful feature for conversions.

product page template shogun page builder

About Us page template

The Shopify about us page template from Shogun showcases the brand’s story in a clean style. 

An About Us page is important, as shoppers want to know who they are buying from. Trust is a major factor in buying online and showing the face behind the brand can do a lot to put shoppers at ease.

It also has plenty of whitespace which helps increase the reader’s focus. The whitespace is broken up nicely with the images, which provides an easy reading experience.

about us page template shogun page builder

 

Blog page template

The striking typography and content take center stage in the Shopify blog page template. 

Its elegant layout makes a great first impression and the use of context images makes reading the post an enjoyable experience.

blog post page template shogun page builder

Collection page template

Make your products stand out by arranging them into categories with the Shopify collection page template below. 

It removes all unnecessary distractions while having an attractive layout and colors. It also includes stunning visuals that can inspire your own.

 

collection page template shogun page builder

Kickstart ecommerce growth with Shopify page templates

Not only do page templates make it easier to load new content and edit existing content, but the templates you use in Shopify can also improve revenue by streamlining the customer's shopping experience. 

You can get more templates with the purchase of a premium theme or through using the Shogun Page Builder app for Shopify.

Whether you're promoting individual products or categories, or you need a custom template page for your marketing campaigns, use the information above to help you take control of how content is displayed in your Shopify store.

 



Michelle Deery

Michelle Deery is a writer and strategist for B2B SaaS companies. She writes content that helps brands convert visitors into paying customers.