How to build Shopify landing page and get leads like Shopify?

How to build Shopify landing page and get leads like Shopify?

As a Shopify store owner, you are undoubtedly aware that customers usually come to your store through the most popular page - the homepage.

However, did you ask yourself if is this the best page to drive traffic? What about the collection page? Product Page? These mentioned pages are the standard e-commerce pages of any online store. Each page has a specific functionality and mission.

The product page describes or tells the story about your product, shows the product’s benefits, and a Call To Action (add to cart and buy now). The collection page is about showcasing a list of your products.

What does the landing page means for your Shopify store? In this article, we’ll review the functionality of Shopify landing page importance. Let’s move on...

Outlines

Let’s be clear with the “landing page” definition

Before we go further, let’s define the term landing page. The landing page is the 1st page your visitor lands on your website (Shopify store). You can read more about the landing page definition and explanation from Unbounce.com website.

[Case Study] - Did you know that Shopify has landing pages?

It's true. Now let’s take a look at simple examples of how Shopify utilizes Google Adwords and drives traffic to landing pages on the Shopify website. You can give yourself a quick test with this. In that way, you can better understand what the customer journey looks like.

Ok, now put yourself in the “customer’s shoes.” Shopify merchants are store owners who are looking for an online store solution.

For example, they sell “cosmetics,” and one of the obvious search phrases might be “sell cosmetics online.” Now, please open your web browser in Incognito mode and visit google.com then type “sell cosmetics online”. As you can see the first “paid result” is the Shopify landing page. It has the URL https://www.shopify.com/free-trial

case-study-tutorial-the-shopify-landing-page-importance-5

Let’s click on the URL https://www.shopify.com/free-trial and see what it looks like.

Shopify landing page -  Free Trial

This landing page structure looks quite simple. The primary goal of this landing page is getting the user to sign up for the Shopify 14 Day free trial. It’s the main CTA (Call To Action). From top to bottom you won’t find a header or footer. The reason is simple, Shopify doesn’t want the user to abandon this landing page and go further to other Shopify pages.

case-study-tutorial-the-shopify-landing-page-importance-9

Shopify landing page for cosmetics and beauty products

Now, let’s get back to the search result than in the top 10 results with keywords “sell cosmetics online”. The first Organic result is the page https://www.shopify.com/sell/cosmetics. Please click on it and see the image below.

case-study-tutorial-the-shopify-landing-page-importance-7

 

In the past Shopify was running Google Adwords and based on the specific niche search keyword, it drove traffic to the appropriate landing page. In this landing page, we can see internal links. The role of this landing page is more about “redirecting users” to the right place. You can see the header and footer plus internal SEO links inside the content. The first part of this Shopify landing page begins with Heading 1 HTML tag “Sell makeup and cosmetics online”.

Btw, Shopify has essential SEO settings to make your landing page look search engine friendly.

case-study-tutorial-the-shopify-landing-page-importance-6

Scrolling down, you’ll find a clean content section about selling beauty products for online shoppers. This content looks user-friendly and explains the significant benefits of selling online cosmetics products. The content block ends with text CTA “Try Shopify for free.”

case-study-tutorial-the-shopify-landing-page-importance-17 

Exploring this page, you will find other benefits of using the Shopify platform as the optimal e-commerce solution for your business. The content presentation touches the pure text and graphics part.

case-study-tutorial-the-shopify-landing-page-importance-15

In the next part, when the product benefits are outlined clearly there is the “social proof” element. You know that we can trust the product based on customers testimonials and brands using the product.

In Shopify’s case study we see a pretty famous name like Daymond John or store owners like you. It triggers you to feel like you’re one of the more successful Shopify store owners :).  

case-study-tutorial-the-shopify-landing-page-importance-8

“Have seen in…”, In short, the product has been mentioned in the favorite news websites in the tech and business industry. The name to say is The Wall Street Journal, USA Today, F@ST COMPANY, The New York Times and Mashable.

With a great product, Shopify also has an excellent support team working 24 hours a day and seven days a week. There is continues support for Shopify merchants if there are any issues. Even the customer support team image looks quite friendly. Different clothing styles and smiles create a positive atmosphere and increase the landing page credibility.

case-study-tutorial-the-shopify-landing-page-importance-14

At the bottom of this Shopify landing page, you can find links. Yeap, there are links to different business niches like shoes, art, jewelry, handcrafts and others. Let’s visit a couple of them and see what’s the difference there.

case-study-tutorial-the-shopify-landing-page-importance-18

Shopify landing page - Jewelry

Do you see a similar concept on the landing page for jewelry sellers? The page heading targets with “Sell jewelry online” and it’s wrapped in H1 HTML tag. SEO friendly indeed. The clean image containing jewelry items on the MacBook and iPhone will make you feel that you “already own this online store”.

case-study-tutorial-the-shopify-landing-page-importance-16

the next part is the standard content section talking about the benefits of opening a Jewelry online store. The final part of this content section is text Call To Action with Try Shopify for free. After that content section, there are the same content sections we mentioned in the Shopify cosmetics landing page.

“Create an Internet presence for your jewelry store and start selling your products to men and women around the world. Let your clients treat themselves to a stunning new piece or buy a necklace, ring or bracelet for a loved one, all from the comfort of their own homes. Build your brand and increase your profits by opening a jewelry ecommerce store of your own. It's easy with Shopify.” - Shopify.

case-study-tutorial-the-shopify-landing-page-importance-11

Do you sell t-shirts or vitamins? There are landing pages available on Shopify.com

You can see the t-shirt Shopify landing page and make sure that the concept is the same and it works.

case-study-tutorial-the-shopify-landing-page-importance-20

In the case that you sell vitamins and supplements there is the landing page https://www.shopify.com/sell/vitamins-and-supplements

case-study-tutorial-the-shopify-landing-page-importance-2

It’s evident that Shopify creates a lot of landing pages to target specific audiences and business niches. This is a smart move with a potential acquisition of customers. Now, let’s go back to us as Shopify merchants. How can we build landing pages for our Shopify store? Now, we’ll take a detailed tour on how to do that.

Let’s build Shopify landing page like Shopify

Now, to see how it’s effortless to build landing pages with Shopify let’s do some practice with the PageFly page builder app. The PageFly app comes with free and paid plans. The free plan is quite enough to replace the Shopify landing page. Let’s install the app.

TRY PAGEFLY FREE

 

This app has been built by Shopify certified experts, so rest assured it has been checked carefully and 200+ reviews are proper social recognition from the Shopify community.

Let’s try to replicate the Shopify Free Trial page here https://www.shopify.com/free-trial

I’ve tried to build the Shopify landing page similar to the version from Shopify and recorded the video for you. The page building process took about 12+ minutes from my time with prepared image graphics. You don’t have to be a professional designer to build a landing page that converts. So let’s watch the video below to see how straightforward it is to make a landing page for your Shopify store.

Here is the result of my work with the PageFly app https://pagefly-ecommerce-demo-page-builder.myshopify.com/pages/my-landing-page-with-pagefly-app

What page elements did we use for building our landing page?

To build the landing page from the video tutorial I have used layout, heading, image, paragraph, button, divider, icon, elements. Additionally, there is the pre-designed content blocks, so it saved my time building the information block containing icon + heading + paragraph. It’s quite convenient and saves a lot of time.

case-study-tutorial-the-shopify-landing-page-importance-1

Want to give it a try with the PageFly app? Install the PageFly app now via the button below. You’ll be redirected to the PageFly app listing on the Shopify app store.

TRY PAGEFLY FREE

Do onpage SEO for your landing page

Next step, many Shopify merchants miss this step. Search Engine Optimization (SEO) of your landing page. First of all, you’ll need to define the targeted keyword for your landing page. When you have it, you’ll need to update that keyword into the Page Title, meta description and URL as well. In my case, while using the PageFly app, it supports perfectly mentioned SEO on page techniques. Here is how it looks.

case-study-tutorial-the-shopify-landing-page-importance-12 

If you want to read more about SEO tips feel free to read our another topic called Shopify & SEO: quick overview and solutions. You’ll learn more about how Shopify is good for SEO and how to utilize built-in SEO Shopify features.

Don’t forget to optimize images for SEO

As you probably know the page loading speed might effect on your conversion rate. There is an interesting article with case study from Hubspot. The most significant part of page loading is belonging to the images. So there are two ways you can optimize your image size.

Optimize with the Mac / Windows app from your computer

I use ImageOptim for Mac OS. This app is the proven solution to optimize the image size while keeping the hi quality of the image itself. As you can see from the screenshot below, I have saved about 69% of the original image size.

So now let’s take a look at your case, you drive the traffic from Google Adwords or other paid channels to your Shopify landing page. Install ImageOptim Mac for free and save the money with ads.

case-study-tutorial-the-shopify-landing-page-importance-13 

Optimize your image size with the Shopify app

Next, there is an alternative way of using the Shopify app for optimizing images. Just doing a quick search with keyword “image size” I have found some apps solving this problem. The first result in my search for the Image Optimizer app by Loyalty Harbour app provider appeared. With 550+ customers reviews I believe they are worth giving a try to see how much value it brings to your store.

case-study-tutorial-the-shopify-landing-page-importance-19

The last thing… build a Shopify landing page for mobile devices

Let’s get back to our landing page demo built based on Shopify free trial page inspiration. You might be asking how this page looks on mobile devices. Well, the PageFly app does a great job with mobile page optimization. Let’s see how the layout looks like on mobile preview.

case-study-tutorial-the-shopify-landing-page-importance-4

Btw, you can see how your landing page actually looks on your mobile device. Just type https://bit.ly/pagefly-mobile  then you can access the demo page directly.

Want to save time with landing page creation? Use pre-designed page templates

PageFly app has 40+ pre-designed page templates ready to use and just by simply clicking on “Start with this template” button. The page content will load almost instantly then you can start editing that page matching your products.

case-study-tutorial-the-shopify-landing-page-importance-10

You might be interested to see a live demo of those page templates. No problem. Visit PageFly demo page templates to see how those landing page looks on both desktop and mobile devices at https://demo.pagefly.io/

case-study-tutorial-the-shopify-landing-page-importance-3

Wrapping up. Let’s take action!

Are you ready to build your own high converting Shopify landing page? Install the PageFly app and give it a try with 14 days free trial. Even when your trial ends, you can downgrade to the free plan and still edit those pages. There is no risk at all.

TRY PAGEFLY FREE

P.s. if you don’t have a Shopify store yet, feel free to register Shopify 14 Days free trial.

Older Post Newer Post