Shopify Product Page CRO Checklist for Founders

Quick answer: Do not start with a list of tweaks. First measure how many product page visitors add to cart, split by phone and desktop, then watch recordings of the sessions that left. Work the checks in the order your data points to. When your data is thin, use this default order: broken buttons and a slow first screen, then price and delivery cost, then variants and stock, then photos and description, then reviews, then buy buttons and recommendations.

Most product page checklists are a flat list of 30 or 50 things with no order. That is a poor fit for a founder with one afternoon, because the item at the bottom might be the one costing you the most sales.

This checklist works the other way round. It starts with a short method for finding where your product page leaks, using Shopify’s funnel report, Google Analytics 4 and a session recording tool such as Microsoft Clarity. Then it gives 19 checks in a default order, each with what to look for and when to fix it.

It covers what shoppers do and whether they convert. It does not cover title tags, meta descriptions or schema markup. Those sit in our Shopify product page SEO checklist, and keeping the two apart stops you tuning the page for Google while the page itself loses the visitors Google sent.

One honest limit before we start. I could not find a study that ranks product page problems by lost revenue for a store like yours. The research cited below comes mostly from large US and European retailers, and several pieces are years old, so I give the dates. Treat it as a list of things to check, not a promise of what a fix will do. Your own data decides the order.

Start with where your product page leaks

Step 1: Check that the numbers can be trusted

If your analytics are wrong, every decision after this is built on them. Compare three sources for the same week.

• Shopify’s conversion funnel. Shopify’s Behaviour reports show the funnel as all sessions, sessions with cart additions, sessions that reached checkout and sessions that completed checkout. It also explains the difference between an open funnel (visitors can enter at any step) and a closed funnel (only sessions that complete every step in order). Use the closed funnel when you want to follow people through the steps, and note which one you are looking at.
• GA4’s ecommerce events. Google’s GA4 ecommerce guide covers view_item_list, select_item, view_item, add_to_cart, begin_checkout and purchase, among others. The ones you need for this job are view_item and add_to_cart.
• Your own order count in Shopify admin.

If GA4 sessions with an add_to_cart event are far above Shopify’s sessions with cart additions, or purchases in GA4 do not match orders in Shopify, fix the tracking first. Our guide to GA4 versus Shopify Analytics explains why they differ and which gaps are normal.

Two dated warnings apply to your comparison right now.

First, Shopify’s help centre describes a session measurement update that rolled out from 21 to 23 September 2026. Sessions are now based on continued activity rather than ending at midnight UTC, some sessions without a pageview are counted, and identified bot sessions are filtered out by default. Shopify’s own words: because conversion rate is calculated from sessions, it can shift even when sales stay the same. So a before and after comparison that straddles those dates is not like for like.

Second, Shopify’s accelerated checkout buttons (Shop Pay, Apple Pay, Google Pay and similar) sit inside a closed shadow DOM, and Shopify’s developer documentation says event tracking that targets the HTML of those buttons will not work. If many of your shoppers use them, a custom click event may miss them, so judge those shoppers by checkout starts and orders.

Step 2: Measure the product page stage on its own, by device

Define one number: of the sessions that viewed a product page, what share added to cart? In GA4 that is add_to_cart sessions over view_item sessions. Split it by device (phone, desktop, tablet) and, if you can, by the main traffic sources.

Here is how to read it, with illustrative numbers.

Say your store had 8,000 product page sessions on phones and 480 of them added to cart, which is 6.0%. On desktop there were 2,000 sessions and 200 added to cart, which is 10.0%. Phones are 80% of your product page traffic and convert worse at this step. That tells you where to look: phone recordings first. It does not tell you that phones can reach 10% or what a fix is worth. The numbers are illustrative, not a benchmark.

Then look one step further down. If plenty of people add to cart but few reach checkout, the leak may be something the cart reveals, such as shipping cost. Our checkout leakage audit covers that, and check 6 below is the product page half of the same problem.

Step 3: Pull the recordings that match the leak

Clarity has filters built for this. Its documentation describes four behaviour filters.

• Rage clicks: a user repeatedly clicked in a clustered area within a brief period.
• Dead clicks: a user clicked somewhere and there was no response.
• Excessive scrolling: a user scrolled through content at a higher rate than expected for standard content consumption.
• Quick backs: a user went to a new page, then quickly returned to the previous one.

Combine one of those with a path filter for your product URLs (Clarity supports regular expressions in path filters, so /products/ catches them all) and a device filter for the device that leaks. If your theme outputs product structured data, Clarity also offers Product filters for price, availability and rating, which let you watch only sessions on out-of-stock products. For performance, it has filters for Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift, so you can watch sessions that had a poor page experience.

Watch enough sessions to see the same thing happen several times. A few recordings are a list of suspects, not a statistic, and the numbers from Step 2 tell you which suspects matter. For more, see our guide to reading Shopify session recordings.

Step 4: Match what you see to a check

If nothing in your data points anywhere, work the checks in the order below.

The checklist, in the order to work it

The order rests on one rule: broken things come before weak things, and things that cost shoppers money or certainty come before things that persuade. A review widget does nothing for a visitor who cannot tap the size selector.

Group 1: Does the page work? (checks 1 to 4)

1. Every button works, for every variant, on a real phone. Add each variant to the cart on an iPhone and an Android phone, on mobile data. Try every payment button you show. In Clarity, filter product page sessions for rage clicks and dead clicks, and use the JavaScript errors filter, which includes a “click error” option for errors that happen right after a user clicks. Decision rule: a broken buy path gets fixed straight away. It does not need an A/B test, because there is nothing to test.

2. The first screen has the basics. Nielsen Norman Group (NN/g) studied 49 ecommerce sites and published its product page guidance in November 2019. Its must-have list is a descriptive product name, recognisable images with an enlarged view, the price including any product-specific charges, clear options such as colour and size, availability, a clear add-to-cart action and a concise description. Open one of your product pages on a phone and check how much of that list a stranger can see without hunting. Announcement bars, app badges and a cookie banner can push the buy button well down the page.

3. The first screen loads fast and holds still. Google’s web.dev documentation recommends a Largest Contentful Paint of 2.5 seconds or less, an Interaction to Next Paint of 200 milliseconds or less and a Cumulative Layout Shift of 0.1 or less, measured at the 75th percentile of page loads and segmented by mobile and desktop. Shopify’s theme guidance adds the practical fixes: do not lazy-load the image that is the Largest Contentful Paint element (it delays that image), give it fetchpriority="high", and put width and height on images so the layout does not jump. Use the Performance filters in Clarity to watch sessions with poor scores. In those recordings, look for taps that land on the wrong thing after the page moves.

4. Apps and pop-ups are not in the way. Shopify’s performance guidance says to find and remove or defer app scripts that block the page from rendering, and to audit every script for whether it is “earning its performance cost”. It also says to turn off A/B test anti-flicker snippets when no test is running, and to use app blocks with a minimum height so late-loading content does not shove the page around. Walk through your product page with every app on and ask of each: does this help someone decide, or only decorate?

Group 2: Does the price hold up? (checks 5 to 7)

5. The price is complete and means one thing. NN/g’s list says the price should include any product-specific charges. If you sell multipacks, bundles or different sizes, shoppers also need to compare value. Baymard Institute’s product page research, last updated 18 March 2026, found that 81% of the 155-plus leading US and European sites it benchmarks do not show a price per unit for products sold in varying quantities. Its example compares 13.5 oz for $17 with 33.8 oz for $25, which works out at roughly $1.26 and $0.74 an ounce. If you sell sizes or packs, show the per-unit price, so the shopper does not have to work it out.

6. Delivery cost and time are on the page. In NN/g’s study, shoppers noticed free shipping on one mattress product page and counted it when comparing prices, while another site only revealed its shipping after the item was in the cart. NN/g did not frame that as a rule, but the lesson is cheap to apply: put shipping on the page. Baymard’s benchmark found that 67% of sites do not show an estimate of total order cost near the buy section. Baymard’s list of checkout abandonment reasons, last updated 22 September 2025, puts extra costs (shipping, tax, fees) too high at 40%, slow delivery at 20% and total order cost not visible or calculable upfront at 12%. That page does not state the survey’s sample size, so read the percentages as a ranking of reasons, not exact shares. If you sell into both Australia and the United States, show the shipping cost or free-shipping threshold and a delivery estimate for each country, in plain text near the button.

Decision rule: decent add to cart and a steep fall before checkout puts this check at the top of your list.

7. Returns are visible without a hunt. Baymard reports that 44% of sites do not display or link the return policy from the main product content. In its surveys, 60% of 1,032 respondents look for return policy information on the product page, and 15% of 1,026 US online shoppers abandoned an order in the last quarter because of an unsatisfactory return policy. Baymard’s research is mostly US and European, so an Australian shopper may differ, but the cheap fix is the same: one plain line under the button with the return window and who pays postage, linking to the full policy.

Group 3: Can they choose a variant and know it is in stock? (checks 8 to 10)

8. Options are buttons, and each shows its own stock. Baymard found that 57% of sites do not use buttons for size selection, and that drop-down menus hide the sizes and their stock status. NN/g found that shoppers expect the same information for every variant and says availability should be communicated, especially when it differs by variant, so shoppers do not add unavailable items. Depending on your theme, this may be a setting or may need a small theme edit. In recordings, look for rage clicks on the selector and for people opening the drop-down, closing it and leaving.

9. A sold-out product still helps the shopper. Do not leave a dead end. Say clearly that the item is out of stock (NN/g lists availability as a must-have). Baymard’s work on product page suggestions says to put alternatives first, because a shopper who cannot find a suitable product will not look at accessories. Show similar available products, and offer a back-in-stock sign-up. If your theme outputs product structured data, use Clarity’s availability filter to watch sessions on out-of-stock products. If many sessions land on sold-out pages from search or ads, you have found a leak that needs stock handling, not design work.

10. Thumbnails, swatches and badges do what they look like they do. Dead clicks cluster on things that look interactive. Check that image thumbnails change the main image, that colour swatches change the image and the price if they should, and that badges are not styled like buttons. Shopify’s theme guidance recommends tap targets of at least 48 by 48 pixels to reduce mis-taps and slow interactions. Small thumbnails and swatches are the usual offenders.

Group 4: Do photos and words answer the shopper’s questions? (checks 11 to 14)

11. The photos answer questions, and one of them shows scale. NN/g’s research found that one product view is rarely adequate to answer shoppers’ questions, and that shoppers appreciated multiple or animated views and images of the product in use or in context, alongside the enlarged view on its must-have list. Baymard found that 37% of sites do not provide “in scale” images, and that 42% of users try to judge product size from the images. It also found that 23% of sites do not provide human model images, which matter most for wearables such as apparel, accessories and cosmetics. A simple test: list the five questions your inbox gets about a product, and check whether the photos answer them. A hand holding the jar or a model with their height stated can do more than a sixth studio shot.

12. The description is layered and led by the useful parts. NN/g’s 2014 article on product descriptions (Amy Schade) says that 20% of overall task failures in its ecommerce studies were attributed to incomplete or unclear product information. Its advice: get to the point, put the most helpful facts first because users skim, list specs in the same order across products and skip marketing filler. Baymard’s 2018 article reports that every user in its product page testing relied on the description at some point, and that descriptions structured by feature highlights led users to explore features more thoroughly. Only 22% of sites use that structure. Baymard suggests it mainly for complex or important products, with two to six core features, each with an image showing the feature or its benefit, a short headline and one paragraph. Both articles are old, so treat them as a pattern to test. A practical layout is a two-line summary, a few benefit headlines with a sentence each, then a specification list.

13. Nothing important is hidden in tabs. Baymard’s article on horizontal tabs, first published in 2018 and updated on 8 July 2026, reports that participants repeatedly overlooked core content that was reachable only through horizontal tabs, including reviews, shipping and returns, and specifications. It recommends expanded sections on desktop and collapsed sections on long mobile pages, and says that if you truncate long content, the truncation must be clearly signposted. If your theme puts shipping, returns or reviews in tabs, look for dead clicks on the tab labels and for people scrolling past them. 14. Size, fit or “will this work for me” is answered. This one depends on your product: a size guide and fit notes for clothing, skin type and ingredients for skincare, compatibility for equipment. NN/g recommends showing relevant reviewer details such as age, size or intended use, so a shopper can compare themselves with a reviewer. In recordings, scrolling up and down between the description and the reviews can mean the shopper is hunting for exactly this answer.

Group 5: Do they believe it? (checks 15 and 16)

15. Reviews are easy to find, and the bad ones are visible. NN/g found that shoppers wanted summaries of the reviews, wanted positive and negative reviews clearly told apart, and trusted a site more when it indicated which reviews were verified. It also observed that many users still skip to the negative reviews first. Put a rating summary near the product name that links down to the reviews, and do not hide the reviews behind a tab (check 13).

16. Someone answers the negative reviews. Baymard found that 89% of sites do not respond to negative reviews, and recommends styling staff responses differently from the reviews themselves. A short, specific reply (“the strap runs long; we have updated the size chart”) shows a person reads them.

Group 6: Is buying easy and clear? (checks 17 to 19)

17. Quick-buy buttons are on, work with your setup, and you know their limits. Shopify’s help centre describes accelerated checkout buttons (called dynamic checkout buttons in some themes) as letting customers skip the cart and go straight to checkout on single products. The page lists the constraints: a button buys one variant (a quantity selector allows several units), the buttons do not support cart attributes such as terms checkboxes or gift-wrapping options, and currency converters, apps that interact with the cart and apps that send customers to an external checkout may not be compatible. Branded buttons show only for payment methods you have activated. Test each one on a real phone. Remember what Step 1 said about tracking: you cannot rely on click events on these buttons.

18. The shopper can tell the add to cart worked. NN/g’s guidance is to give clear feedback after an item is added, such as a persistent notification, and says an interstitial confirmation page should include a Continue Shopping button. In recordings, repeated clicks on the add to cart button with no visible response are a sign the feedback is weak, even if the item was added.

19. Recommendations come after the information, and are labelled. Baymard’s 2014 article found that only 42% of the 50 top ecommerce sites it benchmarked offered both alternative and supplementary suggestions on product pages. It recommends showing both types in separate, clearly labelled groups, avoiding a label such as “Recommended for you” unless compatibility is guaranteed, and putting supplementary suggestions on the product page rather than only in the cart, where they can distract from checkout. That research is over a decade old, so treat it as a hypothesis, and place the block below the description and reviews so it does not compete with the buy button.

What to leave until the basics are done

NN/g’s product page guidance splits features into must-haves, nice-to-haves and what it calls “fancy features (only if flawlessly executed)”. Its fancy list includes virtual try-on, photo or video reviews, subscription purchase options, customisation tools, 360-degree photos and how-to videos. Its nice-to-haves include sortable reviews, product videos, zoom, related products and wishlists. Baymard adds that 21% of 1,193 survey respondents rely on save features and that 89% of sites do not make them easy to use, so a wishlist can matter for a considered purchase. None of this should come before checks 1 to 9.

Turn what you found into a ranked list

By now you probably have a handful of findings. Rank them so the loudest idea does not win. PIE scoring (potential, importance, ease) is the method we use: score each from 1 to 10 and add them up. Potential is how much the fix could move the number you care about. Importance is how many of your visitors it touches. Ease is how little time and risk it carries.

An illustrative example for a store where phones leak at add to cart:

The numbers are made up to show the method, not a benchmark. The habit is what matters: every item carries evidence from your own store and gets a score before anyone touches the theme.

Measure the change without fooling yourself

Four rules keep the measurement honest.

1. Fix the broken, measure the rest. A fix for a broken button needs no test: check recordings and the funnel to see the problem is gone. Judgement calls such as photos or layout need a comparison. If your traffic is low, see our guide to A/B testing on a low-traffic Shopify store.
2. Use the same measure as before. Product page add-to-cart rate by device, over full weeks, compared with the same length of time before. Write the baseline down before you ship.
3. Do not compare across a measurement change or a sale. The Shopify session update of 21 to 23 September 2026 can move conversion rate without any change in sales, and sale periods bring different visitors. Our Black Friday checklist explains why to report sale weekends separately.
4. Change one group at a time. If you rewrite descriptions, swap the photos and move the shipping information in the same week, you will not know which one worked.

If you want a wider look at the whole store rather than the product page alone, see our Shopify CRO audit guide.

Key takeaways

• Measure first. Add-to-cart rate for product page sessions, split by device, tells you where to look. Recordings tell you why.
• When your data is thin, work in this order: working buttons, a fast steady first screen, price and delivery cost, variants and stock, photos and description, reviews, buy buttons and recommendations.
• A broken control is fixed straight away. It does not need a test.
• Baymard’s benchmark found that 67% of sites do not show total order cost near the buy section and 44% do not show returns on the page. Check both on yours.
• Keep key content out of tabs.
• Most cited research comes from large US and European retailers and some is old. Use it for ideas to check, and let your own numbers set the order.
• Score fixes with PIE (potential, importance, ease) and measure against a written baseline, outside sale periods and measurement changes.

FAQs

What should a Shopify product page have to convert?

Start with the must-haves in NN/g’s product page guidance: a descriptive name, recognisable images with an enlarged view, the full price, clear options, availability, a clear add-to-cart action and a concise description. After that, the common gaps in Baymard’s benchmark are a total order cost estimate near the button, a visible return policy, buttons for variant selection and an in-scale photo.

What is the first thing I should fix on my product page?

Whatever is broken. A button that does not respond, a variant that cannot be selected on a phone or a page that jumps as it loads comes before any persuasion work. After that, let the data decide: a weak add-to-cart rate points to the first screen, price and variants, while a fine add-to-cart rate with weak checkout starts points to delivery cost and returns.

How do I find where shoppers drop off on a product page?

Use three views. Shopify’s conversion funnel shows how many sessions get from cart additions to checkout. GA4’s view_item and add_to_cart events give you the product page add-to-cart rate by device. Clarity recordings, filtered by rage clicks, dead clicks, excessive scrolling or quick backs on your product URLs, show what happened in the sessions that left.

How many product photos should I use?

I have not found a verified number, so I will not invent one. NN/g’s research found one product view is rarely adequate, and that shoppers appreciated multiple views, detail shots and the product in use. Baymard found that 42% of users try to judge size from images. Choose photos by the questions customers ask, and make sure at least one shows scale.

Do I need to A/B test every product page change?

No. Fix broken things and check they stay fixed. Test judgement calls such as layout, photo order or description structure when your traffic can support a test. With low traffic, a careful before and after comparison over full weeks, against a written baseline, is more honest than a test that never reaches a result.

Should I put reviews, shipping and returns in tabs?

Baymard’s research says to avoid horizontal tabs for the main product page sections, because participants repeatedly overlooked reviews, shipping and returns, and specifications reachable only through them. It recommends expanded sections on desktop, and collapsed sections on long mobile pages with clearly visible truncation.

What is a good product page conversion rate?

There is no single number that suits every store, and I will not quote one without a source I can verify. Measure your own add-to-cart rate for product page sessions by device, write it down, and compare future changes with it. For the phone side of the picture, see our guide to mobile conversion on Shopify.

Want a second opinion on where your product pages leak?

If you would rather have the funnel and recordings read by someone who does it every week, our Shopify CRO service starts with a 6-phase forensic audit of your store, product pages included. Or start smaller: book a free 30-minute diagnostic or tell us about your store. We share your Shopify store on screen and name two or three conversion leaks live, and tell you whether they are worth fixing. No pitch.