Shopify Marketing

17 Shopify Product Page Mistakes that Drive Customers Away

Explore 17 common mistakes eCommerce businesses might be making on their store's product pages. Design Shopify product pages that improve customers' user experience and boost revenue.

17 Shopify Product Page Mistakes that Drive Customers Away

17 Shopify Product Page Mistakes that Drive Customers Away

Shopify has nearly 11% of the total e-commerce market share and powers over 841,000 stores in the United States. 

Our team at ConvertCart has worked with hundreds of eCommerce stores hosted on Shopify.  A well-designed Shopify product page  

  • answers a customer’s frequently asked questions regarding product information and prices 
  • focuses their attention on the products and product range
  • shows the products being tried and tested by other customers lending authenticity and trust      
  • offer a seamless experience with easy navigation through categories, sub-categories, and product filters 

Analysis shows Shopify product pages experience the highest drop-offs. Is your eCommerce website having the same problem? 

In this article, we’ll uncover common mistakes on Shopify product pages that might drive customers away from your store. 

17 Most Common Mistakes in Shopify Product Pages

Here are some common mistakes eCommerce businesses make and end up putting off potential Shopify customers and conversions.

<a name="clutteredproductpages"></a>

1) Cluttering Product Pages with Too Much Information

Many eCommerce stores add too much content and design elements to product pages without considering other aspects of a website. 

For example, many Shopify stores use heavy elements such as multiple videos and gifs compromising page load speed. 80% of customers are frustrated with product pages having poor load time more than they are with a temporarily unavailable site. 

Furthermore, customers get confused and leave your online store to buy from somewhere else. 

How to solve the problem?


Perfect Keto - Shopify product page


Here are a few ways product page design can offer clarity to potential customers:

Compress product images before adding them to the recommendations to maintain quality without slowing down the page.

Avoid too many auto-playing gifs and videos, and 1-2 can add value in helping users understand the features and benefits of the product. However, too many can slow down page load time, frustrating website visitors. 

<a name="paymentoptions"></a>

And lastly, pick a clean template that spaces things out.

2) Offering Fewer Payment Options

A Baymard Institute comparative study shows about 7% of customers abandon their e-carts because they didn’t find enough payment options. Sometimes, bank servers are down or specific payment gateways are out of order. eCommerce stores often ignore this aspect, losing potential customers. 

How to solve this problem?

Pilgrim  product page

Take the example of the above product page for how to offer multiple payment gateways.

Offer as many payment options as possible on product pages to suit each customer’s preferred mode of payment. The more options you feature, the more the chances are that customers will convert their interest into a purchase. 

<a name="badcopies"></a>

Shopify simplifies this by offering its payment gateway. eCommerce businesses need to pay a small fee but Shopify takes care of the integrations, letting you focus more on your business and less on setting things up. 

3) Bad Copies - All Product Talk, No Emotion 

Wherever we shop online, we are immediately drawn towards brands with relatable and interesting copies. There are two ways product page content fails to make an impression:

  • Most eCommerce online stores post copy that is purely factual or fails to connect at a deeper emotional level, completely missing out on achieving its primary purpose – converting visitors into loyal customers.
  • Chunky and exhaustive paragraphs of product descriptions lend readability issues and overwhelm the customer. 

How to solve the problem?

The solution is straightforward – write to a human and not a robot. Don’t be shy to show your wit and humorous side. 

One look at the Somnox website and you’ll know what a good copy can do. Talks about science but in a fun way. The copy also works hard enough for people to relate to the quite common state of sleeplessness. 

<a name="socialproof"></a>

Also, to make it easy for people to understand the benefits of the product, create short descriptions in the form of bullet points. 

4) Failing to Harness Social Proof Well

While most eCommerce stores add reviews and ratings to their product pages, however, they position it below the first fold. Furthermore, they highlight generic reviews that look made up and don’t resonate with the online store visitor.

How to solve the problem?

Pela - social proof on product page

Most visitors scroll through the page quickly but focus on the important aspects on the first fold. Highlight your ratings right below the description or right beside the headline and offer them an option to read those reviews. 

And avoid highlighting reviews like “Amazing product, love it very much”. Instead display a review that is longer and relates to the customer more.

Casper - mattress ecommerce store, social proof

Reviews are just scratching the top of the surface. Top eCommerce stores leverage user-generated content on the product page, including certifications, sample test results, and more to convince visitors to buy.  

<a name="userexperience"></a>

For example, in the above image Casper showcases social media posts from current customers.   

CC Ebook Banner

5) Interrupting User Experience with Gimmicks 

What was once an attention-grabber is now considered distracting and even annoying. The reason – customers see how generic it is nowadays. Unfortunately, most eCommerce sites, either while starting out or when they’re in a growth phase, make the mistake of trusting that it still engages the customer and drives more purchases. 

Similarly, many sites throw a discount popup at the user to entice them to buy the product. But all this does is distract them from the details of the item and annoy them in the process. 

How to solve the problem?

Care/of - eCommerce product page user exprience

A better approach? Hyper-personalized features and discounts. According to Accenture, 75% of consumers are more likely to purchase if they are offered personalized recommendations. 

Like the example above, eCommerce store Care/of, which sells vitamins and supplements leverages hyper-personalization to grow their business. 

The customers can take a quiz about their needs and goals and get suggested products based on the results. It builds trust, enhances ease of use (since the customer feels their preferences are already known by the eCommerce brand), and naturally paves the way for sales. 

hello bar on product page

And ditch the popups – use the existing page infrastructure to pitch a discount. If not, try a Hello Bar instead, it takes up less real estate and isn’t that distracting to the visitor. 

<a name="productcomparecharts"></a>

Like the example above, the bar on top lets the visitor know that they can avail free shipping if they shop for above $80. The message is the same as any other but the way it's displayed is less annoying and compelling at the same time. 

6) Adding Confusing Comparison Charts

eCommerce stores often have multiple options for a product. However, they often fail to add clear comparison charts. 

Perhaps, a customer is looking for similar products with a particular specification such as ‘battery powered’ but the comparison chart doesn’t show these differences. Then the customer is forced to go to different product pages and then come back to purchase the product. However, this interrupts user- experience and causes loss in sales. 

How to solve the problem?

keurig - eCommerce store product page

Product comparison charts instantly create ease of experience because customers find the most relevant information they need on the same page – helping them decide to buy a lot faster. 

<a name="additionalcharges"></a>

Keurig Coffee does the comparison chart bit especially well. They have a site that’s functional yet informative, and when you click on any of the coffee makers, you can instantly access a ‘brewer comparison’ along with product details, FAQs, and reviews. 

7) Not Being Transparent About Additional Charges 

While eCommerce stores are quite clear and transparent about the discounts they offer, often mention taxes, shipping, and packing fees—only at checkout. And shoppers drop off. In fact, as per Baymard, over a fifth of the US adults have abandoned their shopping stating this reason.

While revealing such information on the product page doesn’t change the price itself, customers are more aware of what they are paying. It builds a sense of trust and visitors don't feel cheated when they’re about to checkout. 

How to solve the problem? 

Walmart - product page additional charges

<a name="upsellproducts"></a>

Apart from mentioning the product’s price, Walmart allows customers to view estimated shipping costs based on their location. This gives visitors a better understanding of what they’ll pay and are not taken by surprise. 

8) Missing Out on the "Upsell Nudge" on Shopify Product Pages

You can either let customers pay for what they have bought and the story ends there. Or pitch an alternative with more robust features at a slightly higher price. Most online businesses cringe to do the latter as they’re afraid about going overboard trying to oversell. 

How to solve the problem?

upsell nudge - product page
proflowers - product description

When benefits are pitched and customers’ needs are focused on, the upsell nudge will surely pay off. 

Let’s take the example of how ProFlowers does it.

<a name="actionux"></a>

For any bouquet, they have multiple options that can be selected from, and when a visitor has selected one of them, they get to see why they are paying a price differential in the ‘Details’ section right below. 

9) “Product is out of stock” But You Don’t Tell Shoppers What to Do Next 

While the reality is that eCommerce stores won’t have every product available throughout the season, for various reasons, just a simple out-of-stock message might not cut it. Online stores make this mistake and lose their customers to a competitor. 

How to solve the problem?

Keep them hooked by asking them to join a waitlist. 

pop ups - eCommerce store

Or by suggesting other similar products.

cta after product is out of stock - user experience


If you’re trying to fine-tune the eCommerce product page experience, read more on how to use out-of-stock to your immediate advantage. 

<a name="ctabutton"></a>

10) The "Buy Now" CTA is Hard to Find on Your Shopify Product Page

Many visitors just want to buy one item. However, they go through the same cart page and then the checkout process as someone who is browsing for more items. 

Over 20% of the visitors drop off because of a long checkout process. Every single step added is losing you a potential customer. Having customers add to cart, navigate, and then checkout can frustrate visitors who know what they want. 

How to solve the problem?

amazon  buy now CTA button on product page

The biggest eCommerce store - Amazon does it well. 

Add a simple ‘buy now’ CTA button along with other CTAs – the subliminal message you’re sending out is this: we care for your time so you get to choose what you want right away and then come back later when you feel like it. 

<a name="enableimagezoom"></a>

It is a simple yet powerful method, try it!

11) Forgetting to Enable Image Zoom on eCommerce Product Pages

Many eCommerce stores find this to be very trivial but it affects the shopping experience, especially for senior shoppers.

If you sell products such as clothing, customers feel insecure about the material and the color of the product when they can’t get a closer look. 

How to solve the problem?

enable image zoom - store product page

Adding a zoom feature to every product image helps the customer get a sense of how the product looks and might feel up close. 

<a name="productcards"></a>

This in turn helps them make a confident purchase improving their Shopify shopping experience. 

12) Underutilizing Product Cards 

Product cards are a clean way to display a snapshot of an item that is linked in some way to similar items. 

However, where most eCommerce businesses fault is the way they use these product cards. They add little information about the product, not enough images of the product, and clear CTAs. 

How to solve the problem?

product card - Shopify store

Essentially, product cards need to be treated as importantly as the eCommerce product pages themselves. It’s a great infrastructure to upsell and cross-sell products. 

<a name="shopifystoretheme"></a>

One clear product, a short headline,  a one-line description, the price, and a simple CTA – and you have a good product card for your page. 

13) Choosing a Non-Responsive Shopify Store Theme 

This is not necessarily an issue for eCommerce stores that are just starting out. However, growing businesses will need to customize Shopify product pages to suit the needs of a wider audience shopping through different devices. 

Unfortunately, online stores are slow to make that switch and lose out on potential sales. 

How to solve the problem?

Shopify store themes - responsive mobile product page

Choose a responsive Shopify theme that allows you to customize fonts, colors, and other aspects of your store and automatically takes care of the mobile and tablet view of your site – creating a friendly experience across the board. 

<a name="websiteplugins"></a>

Have a look at Shopify’s list of responsive eCommerce website themes and choose the one that works best for your products. 

14) Running Too Many Plugins on Product Pages

eCommerce founders love Shopify for the plethora of plugins that they have in store. 

But they get too excited about it and end up having a plugin for every small thing they want to achieve. 

The result – slow website, broken links, and multiple glitches. Overall, a poor shopping experience. 

How to solve the problem?

Have a look at the plugins you currently run and identify which ones slow down your website. Get your developers to hard code the feature as an alternative or find a better plugin to replace the same. 

<a name="productbundling"></a>

15) Missing Out on Product Bundling

Bundling is a great way to upsell and increase your average order value. Customers are compelled by the option of buying 2-3 products at a lower price per unit. This is an untapped region for the majority of eCommerce stores. The most common excuse is the thin spread of products.

How to solve the problem?

example of product bundling - dollar shave club

Even if there are few products, product bundling is possible. All you need to do is analyze what is commonly purchased together or can add the most value to a potential customer and that's it. 

<a name="faqs"></a>

Take the example of a creative product bundling strategy by Dollar Shaving Club. Even though they have few products, they still bundle products that appeal to customers. 

16) FAQs are Not Prominent Enough on Product Pages

Shopify customers often don’t reach out to someone and clear their queries about a product. Especially, when they want to purchase multiple products.  

FAQs on the product page design can offer an easier user experience. FAQs also help Commerce stores with SEO benefits while clearing a few pressing doubts about functionality, manufacturing, and more. 

How to solve the problem?

product page love hair - faqs

<a name="plugandplay"></a>

Rather than dumping the FAQs on the page, having a format in the side of the product like the image above helps save screen space while achieving the purpose. 

17) Using a Plug and Play Approach 

Many eCommerce entrepreneurs use a one size fits all model for all of their product page designs. If something works for product X, it's bound to work for product Y. Unfortunately, that’s not true.

Say for instance that you sell drones as well as some cool drone bags. For the latter, you might not need to demonstrate how it functions but for the drone itself, you would need to. 

In that case, the product page for the drone will require a video which would not be necessary for the bag, which needs multiple images to give a better idea of the item. 

Every product has different uses and customers require a different set of details for each of them. Understanding those differences and letting that drive each page will help to attain consistent growth in conversion rates. 

How to solve the problem?

Try A/B testing different layouts, copies, images, and other aspects and find out the handful of elements that have worked across the boards and retain them. However, everything else aside, keep it as unique to each product as possible. 

Ready to Increase your eCommerce Product PageConversions?

Most eCommerce store owners make these mistakes. However, there can be other reasons why Shopify store conversions may be suffering. A full site audit from the ground up can help you change tracks and give your eCommerce product pages a much-needed refresh.  

CC Ebook Banner


You may also like

x
Learn WHY shoppers bounce off your
Product Pages without buying
Free audit
Sent to your inbox
OK

Find out WHY shoppers bounce off your Product pages without buying

GET A PRODUCT PAGE AUDIT

From conversion experts who help 500+ brands

BTW, the audit is FREE :)

All we need is your:

Thank you!
We’ll be in your inbox soon :)
Follow us on:
Oops! Something went wrong while submitting the form.