SellerSmith Blog

All things related to sales-boosting for Shopify merchants.

How Shopify landing page app help me create perfect landing page?

As a Shopify store owner, marketer or even freelancer, the landing page is one of the most important weapons in your marketing campaign. A stand-alone Shopify landing page only focuses on 1 goal, 1 promotion or product, 1 single message & 1 type of audience, so that it has higher conversion rate than any other Shopify page.

PageFly Page BuilderCreate your own Shopify landing page

Quickly create high engaging Shopify landing page with PageFly app

Free install now

Back to 5 years ago, landing page work is such a burden. Not a single person, but a team, is able to create & optimize landing pages for 1 single marketing campaign, which may require multiple skill, such as design skill, coding skill, marketing & a/b test skill...It is even impossible with a Shopify merchant, who is an alone warrior that doing everything on his own.

But things have changed these days with the help of Shopify landing page app, which may help you create Shopify landing pages in just a blink. Let's have a look, step by step, to create a perfect landing page with Shopify landing page builder:

    1. Choose a suitable Shopify landing page app
    2. Start with templates or from the blank
    3. Build up your design with layout & section
    4. Empower your Shopify landing page with high converting elements
    5. Don't forget to track your landing page performance
    6. A/B test continues to increase conversion rate.

 

1. Choose a suitable Shopify landing page app

Each one has its own technology, pros & cons and solves one specific problem. Let's have a look at top 3 Shopify landing page builder to choose the one that suitable for you:

 

Shopify landing page app #1: PageFly Advanced Shopify Page Builder

PageFly is the advanced page builder, designed for merchants who want to build customized contents for the homepage, product page, landing page and many other pages. This app lets you build eCommerce pages quickly with the intuitive drag-and-drop system. You can also edit the designs for mobile or tablet devices separately with mobile editing. In addition, PageFly template library offers 40+ niche templates for you to start with, suitable for all niches. PageFly also help you to connect with Google Analytics & track your landing page performance

PageFly is not just a Shopify landing page app, but a powerful marketing tool

 

Shopify landing page app #2: Shogun Drag-n-Drop Page Builder

Shogun can be considered the first Shopify landing page app ever appear on Shopify app store with Shopify page builder keyword. It meets almost all the requirement of a Shopify landing page builder

   

Shopify landing page app #3: Zipify page

Zipify is created by SmartMarketer team, it especially focuses on template library. SmartMarketer team copies all the best sales template and test until it really works before including in Zipify. The only drawback of using Zipify is that its price is way too high for some Shopify merchants.

 

Other Shopify landing page app you can consider:

Name

Pricing

Feature

Shogun Drag-n-Drop Page Builder

$19.00

  • Build beautiful custom pages with a powerful drag and drop page builder. Works with any theme.
  • Works for Landing Pages, Home Pages, Product Pages, Blog Pages. Import and edit existing pages.
  • Reach shoppers on desktop, mobile, and tablet with responsive pages that use your themes existing styles.

PageFly Advanced Shopify Page Builder

Free - $29.95

  • Build homepage, product pages, landing pages with Drag-and-Drop editor & 40+ page elements.
  • Offer 40+ up-to-date templates work for all eCommerce niches.
  • Easily customize the design for mobile with Mobile editor.

Gempages Drag-n-Drop Page Builder

$9.00 - $39.00

  • Drag & Drop Home Page, About Us, Contact Us, Story Telling, Look Book
  • Drag & Drop Landing Page, Product Pages & Blog Posts
  • Start with High Converting Templates, Then Make Them Yours

Buildify Drag & Drop Page Builder

$12.99

  • Create amazing pages in minutes with a powerful drag & drop page builder.
  • No more coding skills needed, just your imagination ;)
  • Get customers on different devices. Responsive design on the desktop, mobile, and tablet.

Zipify page

$69 - $97

  • The only drag & drop builder expertly designed by successful eCommerce sellers — powerful, practical and easy to use.
  • Copy high quality, conversion-tested pages from one of Shopify’s biggest stores — sales pages, product offer pages, email landing pages and more.
  • Native Shopify integration means no lost leads or sales, 100% mobile & tablet responsive, and better tracking on Facebook and Google.

Hypervisual Page Builder

From 9.95

  • Create beautiful, custom-designed landing and product pages with no coding
  • Improve conversion rates with add to cart forms, embedded product collections, videos, and images
  • Keep in touch with your visitors using our built-in email opt-in forms

Page Studio

$14.95

  • A brilliant drag & drop interface
  • Seamlessly manage your Shopify pages and SEO
  • 100% mobile friendly and fully responsive

PAGE BUILDER & content editor CMS PRO

$9.99

  • PAGE BUILDER that helps you in creating stunning landing pages. Create pages & edit pages.
  • Easy to use interface - Drag and Drop CMS.
  • Our page builder comes with over 50 ready-to-use templates

*** In this article, we use PageFly - Shopify Page Builder as a Shopify landing page app example to build a Shopify landing page

 

2. Start with templates or from the blank

It's better for you to choose a Shopify landing page app with a diversified landing page template library. It would save you a huge amount of time.

Shopify landing page app image 01

For this point, I really recommend using PageFly - Shopify landing page app or using Zipify pages.

PageFly is started by a team with strong eCommerce design skills, they can offer templates for all industry and all type of Shopify landing page (for example Shopify homepage, Shopify about us page, Shopify coming soon page, product page, collection page, Shopify blog page…). New templates are added monthly. You can install PageFly here

If you are looking for sales landing page, Zipify can be a good option. Their landing page is powered by Click funnel, and are carefully tested to get a higher conversion rate

Try Shopify landing page app template

 

3. Build up your design with layout & section

Even you have a design in your mind or on paper, it's time to transfer it to the screen. Creating a landing page is like writing an essay to persuade the customer to buy your product. So that, you can start with an opening paragraph - a hero banner, which briefly answers the following question, in a visual & creative way:

  • What are you selling?
  • What problem does it solve?
  • Why should the customer buy it?
  • Then, a call to action to make them keep reading

Now comes the body. Imagine that your body part is a long long paragraph that describes a lot of things without any stop or comma and breaks. It's really hard to follow. That's why we need to divide it into multiple sections & use contrast color to separate each section. So that it would be good to start building up your page with section first, rows, then columns, and after that, adding block or element.

The customers hate to scroll a long way up to the top of the page to reach the call to action or the product section. It's essential to repeat the product or call to action button at the end of the page so that they can take action right away

 

4. Empower your Shopify landing page with high converting elements

Shopify conversion rate optimization is a pain of, not only Shopify merchants but also marketer and freelancer. It is not just about the product, it's about understanding customer psychology and adding converting elements with the help of Shopify landing page app.

 

Add a countdown clock:

When there is a present of a countdown clock on the discount items, we feel that the time pass and we are going to lose this discount in a couple of minutes. A countdown clock for discount items may push people to buy as it is running out of time, they really feel the need to hurry up.

Shopify landing page app image 02

Try this element with Shopify landing page app

 

Testimonials/Review/Rating

Human is a social creature so that people would love to hear from the society, what other people are talking about.

The number of online consumers who read and trust online reviews is increasing. According to a survey by BrightLocal, 88 percent of consumers trust online reviews as much as a personal recommendation—which is astounding, considering most online reviews are posted by total strangers. The same survey found that only 12 percent of the population did not regularly read reviews for consumer products.

Shopify landing page app image 03

Try this element with Shopify landing page app

What this means is that offering user reviews (or consider them as a potential marketing opportunity) is a way to optimize your Shopify landing page.

 

Call to action button

You may think I'm so silly when mention this, it is such an obvious thing that should be included on all landing page. But when I really observe is that about 70% of Shopify landing page I have inspected does not have a call to action in every section of the page. By adding a call-to-action button to every section, the customers can take action right away without scrolling to top or bottom. Let's have a look at Sellersmith landing page, which is created by using PageFly - Shopify landing page app

Shopify landing page app image 12

As a research of Kissmetric, CTA button colors have a real effect on human psychology and some impact on buying behavior

Shopify landing page app image 04

How I create Call-to-action button using PageFly - Shopify landing page app:

Shopify landing page app image 05

Try this element with Shopify landing page app

 

5. Don't forget to track your landing page performance

Tracking can be considered one of the most essential parts of the marketing campaign, which shows you what part of your landing page really works, what does not and should be improved. There are a lot of ways and metrics to measure the performance of a landing page. To name a few:

 
1. Button click tracking:

    Your landing page may contain a lot of buttons that point to one goal. The idea is that you find the button that leads to the most goal, then escalates to get more goal. In some case, you need to do it yourself in Google Analytics and Google Tag Managers. Some Shopify landing page apps, PageFly for example, help you to do so.

    By default the Google Analytics and Facebook Pixel events integration settings are available in 04 page-elements such as Image, Button, Heading and Shopify Add To Cart button. Just type the text explaining the meaning of the Event Name. In the Google Analytics, the value will be transferred to “Event Action

    Shopify landing page app image 06

    After hitting the “Save” button we need to go to Analytics Dashboard -> Real Time Events. We’ll see the correctly fired event.

    Shopify landing page app image 07

    Let's see the full tutorial about Shopify landing page tracking

     
    2. Depth scroll tracking:

    For a long Shopify landing page, it's good to track how many percents of the landing page is read. You would know that whether your landing page is good or not. Depth scroll tracking can be measured with Google Tag Manager and Google Analytics

    Setup in Google Tag Manager:

    Shopify landing page app image 08

    How it looks in Google Analytics:

    Shopify landing page app image 08

      

    3. Heat map tracking:

    Heat map tracking helps you identify the part that should be focused the most.

    Shopify landing page app image 10

    In the image, when the parts have are focused the most will be marked red, the ones those are less focused would be marked green. By doing that, you would learn about the behavior and interest of the customer.

     

    6. A/B test continues to increase conversion rate

    The essential thing to win eCommerce battlefield using Shopify landing page is tracking and testing everything. You cannot know either big button or small button, either long text or short text will be better for your landing page. You should test everything at every time to find the best practice for your landing page.

    Google optimize is a really good, free tool to help you optimize your Shopify landing page.

    Shopify landing page app image 11

    It creates another clone version of your original landing pages with some changes, traffic that goes into the landing page would be divided into 2 groups, one sees the original version, the other one sees the cloned version. After a few days, it would compare the conversion rate of 2 version and decide which one is better.

     

    Conclusion on choosing Shopify landing page app.

    As I said in the above, each Shopify landing page app has its own strength and weakness. You need to look closely into your demand to find a suitable one. Fortunately, a lot of Shopify landing page builder has a long trial period (Some even allow you to extend your trial, PageFly for example) so you can have time to test before sticking to one Shopify landing page builder.

    As a marketer, I have to test and track a lot and quickly adjust the changes to achieve higher results. That's the reason why PageFly - Shopify Landing Page Builder is a good choice for me.

    It's your time to raise your voice! What are your criteria to choose a Shopify landing page app? What is the one that really fit your demand?

    Older Post Newer Post