[Case Study + Tutorial] The Shopify landing page importance
As the Shopify owner, you undoubtedly aware that customers usually come to your store through the most popular page is the homepage. However, did you ask yourself is this the best page to drive traffic? Or maybe the collection page? Product Page? Mentioned pages are the standard e-commerce pages of any online store. Each page has the specific functionality and mission. The product page describes or tells the story about your product, show the product’s benefits, and Call To Action (add to cart and buy now). Collection page is about showcasing the list of your products. What about 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...
- [Case Study] - Did you know that Shopify has landing pages?
- Shopify Free Trial landing page
- Shopify landing page for cosmetics and beauty products
- Shopify landing page - Jewelry
- Do you sell t-shirts, vitamins and other stuff?
- Let’s build Shopify landing page like Shopify
- What page elements did we use for building our landing page?
- Do SEO for your Shopify landing page
- Don’t forget to optimize images for SEO
- The last thing… build Shopify landing page for mobile devices
- Want to save the time with landing page creation? Use pre-designed page templates
- Wrapping up. Let’s take an action!
Let’s be clear with “landing page” definition
Before we go further, let’s define the term landing page. The landing page is the 1st page where your visitor land 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?
That’s true and let’s take a look at simple examples how Shopify utilize Google Adwords and drive the traffic to landing pages on Shopify website. You can give yourself a quick test with that. In that way, you can better understand how the customer journey looks like. Ok, putting yourself in the “customer’s shoes.” Shopify merchants are the store owners who are looking for 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 the 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
Let’s click on the URL https://www.shopify.com/free-trial and see how 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 sign up for Shopify 14 Days free trial. It’s the main CTA (Call To Action). From top to bottom you won’t find the 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.
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 you’d see the image below.
In the past Shopify was running Google Adwords and based on the specific niche search keyword, it’ll drive the traffic to 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 looks search engine friendly.
Scrolling down, you’ll find the 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.”
Exploring this page, you will find other benefits of using Shopify platform as the e-commerce solution for your business. The content presentation touches the pure text and graphics part.
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 successful Shopify store owners :).
“Have seen in…”, In short, the product has been mentioned in the favorite news websites in 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 the great product, Shopify also has 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 the positive atmosphere and increase the landing page credibility.
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 other. Let’s visit a couple of them and see what’s the difference there.
Shopify landing page - Jewelry
Do you see the similar concept on the landing page for jewelry sellers? The page heading targets to “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 “own already this online store”.
Next part is the standard content section talking about benefits of opening 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 like 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.
Do you sell t-shirts, 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.
In the case if you sell vitamins and supplements there is the landing page https://www.shopify.com/sell/vitamins-and-supplements
It’s evident that Shopify creates a lot of landing pages to target specific audience and business niche. This is the smart move with potential acquisition customers. Now, let’s back to us as Shopify merchants. How can we build the landing pages for our Shopify store? Now, we’ll take a detailed tour 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 a quite enough to replace Shopify landing page. Let’s install the app.INSTALL PAGEFLY APP
This app has been built Shopify certified expert, so rest assured it has been checked carefully and 200+ reviews are the proper social recognition from the Shopify community.
Let’s try to replicate the Shopify Free Trial page at here https://www.shopify.com/free-trial
I’ve tried to build the Shopify landing page similar to the version from Shopify website 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 the landing page that converts. So let’s watch the video below to see how it’s straightforward to make the 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 block, so it saved my time building the information block containing icon + heading + paragraph. It’s a quite convenient and save the time.
Want to give 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.
Do onpage SEO for your landing page
Next step, many Shopify merchants miss that 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 technique. Here is how it looks.
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 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 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 and 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.
Optimize your image size with Shopify app
Next, there is the alternative way of using 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 the Image Optimizer app by Loyalty Harbour app provider appeared. With 550+ customers reviews I believe they worth to give a try and see how value it bring to your store.
The last thing… build 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.
Btw, you can see actually how our landing page looks like on your mobile device. Just type https://bit.ly/pagefly-mobile then you’d access to demo page directly.
Want to save the 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 click on “Start with this template” button. The page content will load almost instantly then you can start editing that page matching your products.
You might be interested to see live demo of those page templates. No problem. Visit directly PageFly demo page templates to see how those landing page looks like on both desktop and mobile devices at https://demo.pagefly.io/
Wrapping up. Let’s take an action!
Are you ready to build your own high converting Shopify landing page? Install the PageFly app and give a try with 14 days free trial. Even when your trial ends, you can downgrade to the free plan and still edit those pages usually. There is no risk at all.
P.s. if you don’t have Shopify store yet, feel free to register Shopify 14 Days free trial.