Storefront Lab HQ
A/B testing playbooks for Shopify merchants

Testing a Comparison Table on the Product Page

When a store sells three versions of a similar product, shoppers do the comparison work themselves: three tabs, repeated scrolling, and a growing chance they give up or buy the wrong one and return it. A comparison table on the product page puts the differences where the decision happens. It can also overwhelm a page, invite analysis paralysis, and expose how similar two price tiers really are. That tension makes it a clean lab test: one product family, one table, measured against decision quality as well as conversion, because a table that sells the wrong model faster is not a win.

Pick the family and the attributes that actually decide

Choose a product family with three to five sibling models and a meaningful return or support pattern around choosing between them. List attributes from the questions shoppers ask support and the reasons in return notes, not from the spec sheet: capacity, dimensions, materials, care, warranty, and the one or two performance differences that justify price steps. Cap the table at roughly six to eight rows. Every row must differ between at least two models, because rows where every column says the same thing are padding. Mark the differences plainly, and name the models exactly as they are sold, with prices in the header row so the value ladder is visible at a glance.

Related reading

If this topic is useful, these earlier guides go deeper on connected questions: Testing a FAQ Section on Product Pages: Does It Move Conversion?, Testing Low Stock Messages: Honest Scarcity Without the Panic, and Testing a Sticky Add to Cart Button on Product Pages.

Place the table where comparison shoppers look for it

Test the table below the main buying section and above the detailed description, the point where a shopper who is not ready to buy starts hunting for differences. The control keeps your current page with no table. On mobile, the table must survive small screens: a horizontally scrollable table with the attribute column held visible, or a stacked per model layout, chosen once for the test and kept constant. Link each column header to that model product page, because the table lives on one model page and its job includes routing the shopper to the right sibling. Keep the current model column visually identified as the one being viewed.

Measure decisions, not just sales

Primary metric: conversion on the product family as a whole, not only on the page carrying the table, because a good table moves shoppers between models. Guardrails: return rate for the family, support questions about differences, and time or scroll patterns if you track them. A family conversion rise with falling model confusion returns is the true win. Run the test across at least two weekly cycles, and exclude campaign traffic spikes aimed at one model, which would distort family level reading. If your tooling cannot track family level outcomes, tag the orders by model and do the arithmetic in your experiment log by hand; it is worth it for this test.

Roll out per family, and keep tables maintained

If the test wins, add tables family by family, reusing the format but re choosing attributes per family, since the deciding factors differ. Tables rot quietly: a discontinued model, a changed warranty, a price update missed in the header row. Add table checks to your product change routine, and date the review in your log. If the test loses, that is information too: your shoppers may decide on one hero attribute, in which case a short which one is for you line near the buying controls, tested separately, fits how they actually choose better than a full grid.

Frequently asked questions

How many products can a comparison table handle?

Three to five models is the workable range. Beyond five, columns crowd, mobile layouts strain, and shoppers stop reading across. If a family is larger, compare the current model against its two or three nearest siblings, which is the comparison shoppers actually make. Keep rows to the attributes that differ and decide purchases, usually six to eight. A table that tries to document everything becomes a spec sheet, and spec sheets are reference material, not decision tools.

Should the comparison table include prices?

Yes. Price differences are usually the reason the models exist, and hiding them forces shoppers to click each model anyway, which defeats the table purpose. Show the current selling price in each column header and update it when prices change, including during promotions if your tooling can keep it accurate. An out of date price in a table is worse than no table. If prices change too often to maintain by hand, that maintenance cost is itself a finding about whether the table should ship.

Where does the table go on mobile?

It must remain usable at phone widths, because most comparison shopping happens there. The common patterns are a horizontally scrolling table with the first column fixed, so attribute names stay visible while models scroll, or a stacked layout listing each model with its attributes in turn. Pick one pattern, test it on a real phone for readability, and keep it constant during the experiment. A table that collapses into unreadable slivers on mobile will read as a loss in your results even if desktop shoppers love it.

Can a comparison table hurt conversion?

Yes, in two ways. It can overwhelm a page for shoppers who had already decided, adding friction before the description and reviews. And it can expose that a higher tier offers little for its price step, shifting buyers down or away. Both are useful truths, but they mean the test should be read at family level with returns included, not as a single page click rate. If the table mainly causes down tier shifts with equal satisfaction, the finding may be about your price ladder, not your page design.