Kirte32
Newbie
- Apr 25, 2017
- 16
- 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:
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
** 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:
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!
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!