5 Things I Add to Almost Every Shopify Product Page

Not every product page should look the same. But there are a few elements that make it easier for a customer to trust your store, understand what they’re buying and actually get to the Add to Cart button.

These are the five I include on pretty much every Shopify build: where they go, why they matter, and what I use when a theme doesn’t already do the job.

1. Review stars above the product title

I place review stars right above the product title. That means the first thing a customer sees is that other people have bought this product and rated it. It’s instant social proof.

I usually use a warm yellow for the stars so they stand out. (Pro tip: Google’s yellow is the best.)

You’ll need a reviews app for this. My favourite free option is AG Product Reviews (formerly Air). It’s fully customisable and gives you a reviews block you can add in the Shopify customiser, so you can put the stars exactly where you want them.

2. A stock indicator

I normally put this underneath the variant selector, or just above the Add to Cart button. It tells the customer whether the product is in stock, out of stock or running low.

That little bit of information makes a big difference, especially when there are only a few left. It creates a little urgency. More importantly, it stops a customer getting all the way to checkout before finding out the product is unavailable.

3. Payment method icons

I put these directly underneath the Add to Cart button: Visa, Mastercard, AMEX, PayPal, Afterpay, or whatever your store actually accepts.

It sounds like a small thing, but customers trust payment methods they already know. When someone is buying from a new store for the first time, they often look to see whether they can pay the way they prefer.

For this I generally use Conversion Bear Trust Badges, which is simple to set up. Check the sizing on desktop and mobile: I usually choose small on desktop and extra small on mobile. The goal is one clean line of icons, not a huge row of logos taking over your product page.

A little workaround: if an app doesn’t give you a block in the Shopify customiser, check whether it provides an install code snippet. If your theme has a Custom Liquid block, paste the code in there and place it under your Add to Cart button.

4. The product description, below the Add to Cart button

Your product description matters. It should explain what the product is, its features, its benefits and, most importantly, the outcome it helps the customer achieve.

But I don’t want a huge block of description sitting above the Add to Cart button. The goal is to make it easy for customers to buy, not to make them work harder than they need to.

So I generally put the description below the button, and if it’s long, inside a collapsible tab or accordion. It keeps the page clean, and people who want more detail can still find it quickly.

For ingredients, materials, size guides or specifications, use metafields and give that information its own section rather than cramming everything into the description.

For inspiration, open a product page on The Iconic, ASOS, Myer, Target or Kmart. Look at where the Add to Cart button sits and the elements around it. There’s usually a reason they’re laid out that way.

5. A clear Add to Cart button above the fold

Your main call to action needs to be one of the first things a customer sees when they land on a product page. That means above the fold wherever possible.

It needs to stand out from the rest of your site. Use a colour that draws the eye, make the wording clear, and test that it works properly on mobile.

I also prefer a cart drawer over sending someone straight to a separate cart page. A drawer lets them add the product, see that it worked and keep browsing if they want to buy more, instead of interrupting the shopping journey too early. More on that in how to set up your Shopify cart.

Your action for this week

Open one of your product pages and work through these five elements one by one. Ask yourself what’s missing, what’s getting in the way, and what would make the next step clearer for your customer.

Want it done for you?

If you can see what needs fixing but don’t want to spend the next three weekends working it out, that’s exactly what an optimisation sprint is for. I get into the detail of what’s getting in the way and make the shopping experience clearer, easier and stronger. See sprint pricing.