How to create a landing page on Shopify
There are many Shopify features and benefits that can help ensure the success of your Shopify store. But few of them are quite as important and as effective as landing pages.
Posted 3 weeks ago by Jonathan Kennedy
Table of Contents:
If that confuses you, don’t stress. We’ll cover exactly what a landing page is, how to create a landing page on Shopify, as well as how to edit your landing page.
With these steps, you will be able to create a Shopify store that looks good, immerses clients in your brand, and converts visitors into immediate and future paying customers.
What is a Shopify landing page?
A Shopify landing page is a store web page set with a specific purpose. It aims to have visitors land on your page and complete an action. These actions can range from viewing Shopify collection pages to getting users to subscribe to your mailing list.
A landing page differs from other store pages in the fact that it is built to grab the attention of the user and convert them either into a buyer or lead for future purchases. It’s much more targeted than usual branding approaches and aims to have an immediate, actionable effect.
Landing pages are single-minded in their intent and it’s what makes them such an effective sales strategy. They are essential to any store that is determined to increase leads, build a mailing list, and increase sales.
Types of landing pages
Before publishing your website to Shopify and choosing your landing page, it’s a good idea to run through a small refresher on the different types of landing pages.
Squeeze/email landing page
Emails have always been an effective way to ensure visitors return to your store with the lure of promotions or new collections. With an email landing page, users are immediately allowed to sign up to your mailing list, usually in return for a reward.
This reward can be a coupon, an ebook, or even unfettered access to your online store. Whatever it is, it should be enough of a reward to get users to give up their email so that you can pull them in for future sales.
“About us” landing page
As the name suggests, the “about us” landing page will give a quick overview of key information that you want to share with your visitors.
This landing page might seem like a strange choice but it’s a great opener for stores that sell products that are ethically sourced or handle specific food types.
For example, if you run a store that focuses on sustainable clothing manufacturing, this might be a great way to introduce your story to consumers and why purchasing from your store is the better option.
“Learn more” landing page
If you offer digital services, a “learn more” or “getting started” landing page will work perfectly. These types of landing pages offer a quick overview of your product or service and cover some benefits.
This is then followed by an action button like “learn more” or “get started” that encourages consumers to buy.
Splash landing page
Unlike the other landing pages mentioned above, the splash landing page doesn’t lead to immediate action or sale. Instead, they are often a page that follows a social media link and focuses on introducing a new catalog or a new service.
A splash page can also feature an ad from your company or even an ad agency or collaborator. It’s a very easy and effective way to have users see a product or service without delay or distraction.
Unsubscribe landing page
Working on an unsubscribe landing page might seem depressing but it presents a unique opportunity to win back a customer.
With this type of landing page, you can showcase some of your store’s best-selling items as a last goodbye. You can also offer users discount codes or lead them toward promotions.
The unsubscribe landing page can also be a great way to gain analytics on mailing list practices. Ask users why they want to unsubscribe and learn whether they feel like they are being spammed with content and adjust accordingly.
Lead capture landing page
Creating A lead capture landing page is one of the best things to do before launching your Shopify store. These landing pages hit the sweet spot between a squeeze page and a sales landing page and gather essential client information.
Unlike a squeeze page that only asks for emails, the lead capture page can collect a variety of information including name, age, email, business, etc. They offer valuable analytics and are a great way to funnel users from the landing page to product pages or demo pages.
Sales landing page
A sales landing page is how you pitch your products or services to users. It’s more aggressive than other landing pages and can even hold a catalog of all top-selling products or your most impressive services.
These landing pages are harder to create and will usually require you to submit a task and hire a Shopify developer. While it is difficult to make, there is no denying that a sales landing page – when done right – can be an extremely effective selling tool.
“Thank you” landing page
The “thank you” landing page is how you can thank customers for purchasing a product or service and create a feeling of appreciation.
While you aren’t likely to make any direct sales with a “thank you” page, it will foster goodwill between you and your customers. You can also add social media links to the Shopify footer and encourage users to share your page or product.
How to add a landing page on Shopify: 3 methods
Method 1: Build a landing page with Shopify Liquid
Building a landing page with Shopify’s programming language, Liquid, is a surefire way to create a landing page that is custom-made and perfect for your exact needs.
To do this, you need to create a Liquid template, add content, a call to action button, and upload your custom template.
As you can guess, this method is time-consuming and requires coding knowledge. While you could learn the basics of Shopify Liquid, we recommend hiring a developer by submitting a task. A developer has the experience to create a landing page that is effective and suits your needs.
Method 2: Use a Shopify landing page builder app
Shopify’s app store is a massive e-commerce app store that offers everything from Shopify themes to landing page builder apps. These apps offer templates that let you easily and quickly build a landing page for your store.
Some of the best apps include Shogun and Pagefly. The majority of these apps offer users the ability to build landing pages with drag-and-drop templates.
They offer preset styles that can be customized to fit your store as well as buttons and features to lead customers to other services or product pages.
Just make sure the landing page builder you choose is mobile responsive. Search Engine Optimization favors stores that are mobile responsive. You will be penalized if your store strains because of a landing page that isn’t optimized.
These apps can cost money. If you are looking for a free option, the next method will be your best bet.
Method 3: Use the Shopify theme editor
If you want to build a landing page by yourself but don’t feel like learning to code, then you can use the Shopify theme editor to build your landing page instead. While the process is relatively easy because it uses a template, this also presents its biggest downfall.
The Shopify template for landing pages is very limited. Customization options are limited and the landing page only offers a bare-bones approach. Compared to hiring a developer, this method is basic.
That being said, it’s a great way to get started with landing pages, especially if you have a limited budget or a small store. Just follow these steps and you’ll be able to create a nice, basic landing page for your store.
Step 1: Log in to Shopify
Log in to Shopify with your unique login details.
Step 2: Go to the Shopify theme editor
- Go to the left side of the dashboard and navigate down until you see the option that reads Online Store. Click on Online store.
- Under the Online Store section search for the Themes option and click on it.
- Next, you will find yourself on a new page. This new page will display all your downloaded themes and the theme currently published to your store. Go to the theme published on your Shopify store.
- Next to the theme that is published will be a button that reads Actions. Click on this button.
- The Actions button will unfurl a drop-down menu. On this dropdown menu, go to the option that reads Customize and click on it.
Step 3: Create a landing page
After hitting customize, you will find yourself in the Shopify editor. Here you can add a template that will allow you to build a landing page.
- On the top of the theme editor will be a drop-down menu. Click on this drop-down menu and choose the Pages option.
- Next, scroll to the bottom and choose the Create template option.
You will now have a blank landing page template to which you can add your unique content. To add sections or fill out the landing page more, move on to the next step.
Step 4: Add landing page sections to the template
The menu to the left of the page will offer you many different ways to edit your landing page. Click around on the available options and choose the sections you would like to add.
The template has an easy drag-and-drop feature. Just choose the feature you want and put it anywhere on the template.
Unfortunately, the template is fixed. If you want more landing page options, you will have to create more templates.
Step 5: Add the landing page to your store
After creating the template, you will finally be able to add the landing page to your store.
- First, exit the theme editor until you are back on the Shopify Merchant Dashboard.
- Go to the menu on the left of the page and click on Online Store.
- Under the Online Store option, go to the Pages section and click on it.
- On the new page, in the top right-hand corner will be the option to Add page. Click on Add page.
- From the available options, choose the landing page template you made earlier, and add the relevant information.
- When you have added all the necessary information, click on the Save button.
How to edit your landing page on Shopify: 2 methods
Method 1: Edit Shopify Liquid code
If you had your landing page built with a third party and want to edit it later, you can either let a Shopify developer handle the job for you, or you can access your theme code and try to change it yourself.
Unless you know how to code, we do not recommend trying to change the code yourself. You could cause damage that could shut down your store.
Step 1: Log in
Log in to Shopify with your unique login details.
Step 2: Go to edit code.
- From your Merchant dashboard, navigate to the left side of the page and the menu there. Click on the Online Store tab.
- Under the Online Store section, find and click on the Themes option.
- On the new page, you will have access to all your downloaded themes and your published theme. Next to your published theme, go to the Actions button and click on it.
- On the drop-down menu, go to the Edit code option. Click on it. You will now have access to the backend of your theme and the code.
Method 2: Edit the template
If you created a template on your Shopify theme editor and published the landing page through the Pages option, then the next method will help you edit your Shopify landing page.
Step 1: Log in
Log in to Shopify with your unique login details.
Step 2: Go to pages
- On the Shopify Merchant Dashboard, go to the left-hand menu. Navigate to the Online store option and click on it.
- Under the Online Store option, find the Pages section and click on it.
- On the new page, find your landing page template and click on the customization option. Or create a new one by hitting the Add page button in the top-right corner.
Step 3: Edit the landing page template
Next, you will be presented with the page editor. Here you can edit the landing page by adding text, and product images, and changing the style to your liking.
You can also optimize the page with Shopify’s SEO features and add a call to action for customers. When you have finished editing your landing page, click on the Save button.
Landing pages are an invaluable resource for all Shopify owners. They present a variety of ways to increase your sales, grow mailing lists, recall disinterested customers, and advertise products and collections.
When used correctly, they can become a great tool for driving your business’s growth and enhancing your store’s appeal and professionalism. With this guide, you will have all the necessary information to build your landing page and optimize it for your specific needs.
Did you find our blog helpful? Then consider checking other guides:
- Does Shopify give you an email?
- How to add a meta tag to Shopify (step-by-step guide)
- Shopify SSL pending: what does it mean?
- Shopify redirects: creation guide
- Shopify sitemaps (ultimate guide)
- Ultimate guide to the Shopify Variant Limit
- Shopify API key: what it is & how to find it
- Shopify: upload files in 9 easy steps
- How to cancel your Shopify subscription (and delete your store)
- How to change Shopify store name
- How to remove powered by Shopify from your store
- How to change your domain name on Shopify (step-by-step guide)
- What is the Shopify programming language?
- What is Shopify’s Liquid?
- How to duplicate a Shopify store (step-by-step guide)