How to Supercharge your Shopify Product Pages Conversion Rate Without Code

Kirte32

Newbie
Joined
Apr 25, 2017
Messages
16
Reaction score
17
The problem with generic Shopify product pages

Are you using a generic Shopify template, experiencing low conversion rates, frustrated with how little control you have over the look of your store, sinking in a sea of competition, blowing wads of cash with no return, hopelessly figh….

I could go on but I think you get the point.

If you’ve been around Shopify/Dropshipping for any amount of time you know it’s a competitive area, to say the least. A new “business” can be set up in a matter of hours and oftentimes they close down just as fast.

Who bears the brunt of this easy come easy go market? Unfortunately, it’s often the consumer. Many consumers have had past bad experiences with dropshipping stores getting poor products, long shipping times, or completely ripped off.

Now how does that relate to you? If I had to guess, it’s more than likely your store is built on a free (or paid) Shopify theme that countless other stores are or have been built on.

If you are leaving them uncustomized there is a great chance your store looks exactly like one of the other stores your potential customer had a bad experience with.

This obviously creates a huge amount of distrust with the consumer and could be a big reason you are not getting the sales you could be.

So keep reading and I’ll show you exactly how to build a custom product page that will build trust with your customers and get you more sales, all with no code.


Step 1: Open a Webflow account

Assuming you have your Shopify store set up products, you first need to go to webflow.com and sign up for an account.

Next, create a project and add site plan hosting.

You can get it for only $12 a month.


Step 2: Create the Shopify buy button

The buy button is an embed code that you can put on external websites that will still allow customers to checkout through your Shopify checkout sequence.

To create the button:
  • Type in sales channel at the top search bar, click the add sales button
  • Choose product buy button and select the product you want to include on your Webflow landing page
  • In button layout click basic
  • You can then choose whether you want the product to be added to cart or go directly to checkout
  • Then customize the button style

Step 3: Create Your Webflow Product Page

This is the most important step. There’s no point in sending potential customers to another product page if it ends up worse than the one you already have.

So how do you make a great product page?

I’ve made it easy on you… and made you one. It’s a basic product page template with a very high converting structure.

You can access, clone, and customize it yourself for FREE

https://webflow.com/website/Ecom-Product-Page-Template

** I’ve made the site completely mobile responsive. I got a tad bit sloppy with the naming/styling conventions but you should be able to figure everything out. All images icons and texts are just to give you an idea of where things can be placed **

I know a lot of you might be thinking “What the hell am I supposed to do with this?”

Webflow does require some skill, but thankfully learning those skills is made easy by their huge content library and the relatively intuitive nature of their platform.

Check out their youtube channel:
https://www.youtube.com/channel/UCELSb-IYi_d5rYFOxWeOz5g

You should be able to figure out the basics like changing colors, texts, and images pretty quickly. Which is exactly what you need to make this site your own.

** For reviews you can either manually add them, or use a plug-in called monto.io**


Step 4: Add the Shopify ATC Button

This parts super easy:

  • On the part of the page where you want your ATC button to go Drag an HTML embed
  • Go back to Shopify and Copy the code from the Shopify buy button
  • Paste that code in the embed

Step 5: Add a Subdomain

Create a subdomain on the domain you have your Shopify store on:
This can be something like shop.mydomain.com, or productname.mydomain.com

Creating a subdomain is a pretty straightforward process. If you are unsure look up where your domain is hosted (Namecheap, Shopify, GoDaddy) and find their specific guide on how to create a subdomain

Once you have that subdomain created go back to Webflow go to project settings → hosting → and create a custom domain. Add your subdomain and publish your site.

**(Don't forget to add google analytics to your Webflow page)**


And just like that, you have a completely unique product page for your store. You can now run your ads or push any traffic to the page and all orders will flow over to Shopify.

No longer will customers come to your site and have flashbacks to all those times they were ripped off online.


Cheers

PS. Feel free to PM me if you have questions, and I hope you found this helpful!
 
This could quite work. But the thing is I think most people, like me, still want to use shopify. Less costs and it's more simple and trusted.
Do you recommend specific changes on shopify pages itself?
 
Back
Top