Landing Page Creation For Ecommerce: The Ultimate Guide for Maxmium Conversions

Effective landing page creation baffles many small business owners. Either they don't understand the advantages of landing pages, or they feel like it takes too long to construct the pages for each new product released on an ecommerce store. In fact, getting landing pages built is one of the top five challenges faced by small business marketers.

Although it may seem challenging, several tools have been released in the past few years to make sure that ecommerce stores don't go into battle without the help of landing pages.

Why? Because long landing pages have been shown to generate up to 220% more leads than regular above the fold call to actions.

What does this mean? Well, you shouldn't immediately start making landing pages, because they're time consuming, and if you do it wrong, you're bound to waste your time and money.

However, we can show you a simple way to build an awesome landing page for ecommerce, all with the help of one popular ecommerce platform (Shopify) and a useful landing page app (Leadpages.)

Step 1: Activate Buy Buttons in Shopify

Some Shopify users may already have this feature activated. But if the Buy button doesn't show up in the sales channel section of the Shopify admin page, it must be included for this process to work.

In order to achieve this, go to your Shopify admin page. You'll find a Sales channel heading, with a + button right next to it. Click on the + button.

You'll see a bit of dialog talking you through the Add Sales Channel step. Locate the Buy button by scrolling through the entire list of channels. Select the Learn More button to proceed.

Click on the Add Channel option to generate a link to the Buy button in your Shopify admin panel. Creating a new Buy button is done by going through this tab on the sidebar.

Step 2: Generate the Required Buy Buttons in Your Shopify Account

make-buy-button

The Buy buttons can be created for either products or collections. So, if you'd like to build a landing page for one product, you would need to generate a Buy button for that product in Shopify. Since we just activated the Buy Button tab on your Shopify Admin you can click on this to move forward.

Go to the Embed a Product section, then to the Select Product tab.

You have the opportunity to select a product from the list or search for one of the products through the search bar. After you've found the right product, you must click on the Select Product button.

select-a-product

You then customize the way your Buy button looks. For example, you can modify the color, size and text within the button.

customize-buy-button

If your product has multiple variants, make sure you include these for the button.

Other than that, all you have to do is click on the Generate Embed code button to reveal the code that needs to be copied into Leadpages.

Try-Shopify

copy-embed-code

Step 3: Choose a Landing Page Template

landing page templates

Now it's time to jump over to Leadpages. Luckily, Leadpages offers a handful of beautiful landing page templates, so we recommend starting with one of those.

You have quite a few options when looking through the templates. For example, you should consider going with the multi-product landing page template if you plan on showcasing a large collection of products. Otherwise, you can also go for a single product landing page or one that collects email addresses.

the-mod-collection

After that, you have full reign over the drag and drop builder. So feel free to customize anything you see on the landing page. However, make sure you leave a spot to insert the Buy button.

Step 4: Place Shopify Carts and Buy Buttons in Your Landing Pages

The great part about Shopify is that it provides several integrations for your shopping cart. For this tutorial, it comes in handy. You can take a Shopify shopping cart, or a simple Buy button, and place it into the Leadpages drag and drop landing page builder.

Therefore, the customer won't have to click through a button to go to a third-party shopping cart, and all of the product information you would see on your regular Shopify product page is pulled from the site and placed on the landing page.

In order to complete this process, go to your Shopify account and copy the embed code for the Buy button or shopping cart. All you need to do is use an HTML widget in Leadpages, so after you copy the code, insert an HTML widget into the Leadpages landing page of your choice, then watch as the shopping cart is included with the layout.

Keep in mind that finding the HTML widget depends on which template you decide to use. For example, some of them already have the HTML widget inserted into the template, while others will require you to drag and drop the default HTML module into the page.

Regardless, it's not that hard of a process.

html-code-is-saved

Make sure you hit the Save button after pasting the embed code into your Leadpages landing page.

Step 5: Managing the Shopping Cart

The Shopify Buy button allows your users to either go directly to your website shopping cart, the checkout page or it brings up a product page. You get to configure this in the Buy Button tab in Shopify.

When you open up the tab, you'll see an option called “Where the Button Links To.” Select where users should be directed to, then hit the Save button.

What's Next?

Hopefully this guide allows you to configure an ecommerce landing page within just a few minutes. Overall, the Leadpages templates and Shopify Buy buttons are rather easy to work with, and you don't really have to know much about coding (besides copying and pasting.)

Keep in mind that if you want to modify the Buy button or the product selection on one of your Leadpages template, this requires you to go back through the process again. You don't have to get a new landing page template, but you must grab a new embed code for the other products or collections.

If you have any questions about how to build an awesome landing page for ecommerce, let us know in the comments section below.

Catalin Zorzini

I’m a web design blogger and started this project after spending a few weeks struggling to find out which is the best ecommerce platform for myself. Check out my current top 10 ecommerce site builders.

Leave a Reply

Your email address will not be published. Required fields are marked *

Rating *