Shopify Comparison Tables: What to Compare and How to Keep It Fair

A table answers one question: which one is for me?

A shopper looking at three bundles, two versions of a product or a subscription next to a one-off purchase has a single decision to make. A comparison table lays the options side by side so that decision takes a glance instead of three open tabs. It earns its place only when the options genuinely differ and the shopper is genuinely unsure.

This guide covers what to put in the table and how to keep it fair. To plan one for your own range, the Shopify comparison table tool suggests a layout and the rows worth including, then previews the result as a real store widget.

Decide what kind of comparison it is

Most store tables do one of three jobs, and each wants a different shape:

• Your own products or versions. Standard and deluxe, small and large, the old model and the new one. The rows are the attributes that change between them.
• Bundles or plans. One item, a pair, a set. The rows are what each option includes and what it costs per unit or per month.
• You against the alternative. Your product beside a generic option or a named rival. This is the one with legal strings attached, covered below.

Only include rows that differ

A row where every column shows a tick tells the shopper nothing about the choice in front of them. Start with the attribute that most often decides it, such as capacity, coverage or what is in the box, and cut rows that are identical across every option. If something shared is still worth saying, such as a warranty that applies to everything, put it in one line under the table.

Nielsen Norman Group's guidance on comparison tables makes the same points from usability testing: keep the number of options small, describe every option with the same attributes in the same order, and make the differences easy to spot rather than burying them among similarities.

Write values as words where a value exists. "Two-year warranty" beats a tick, because a tick only says the feature exists, not how much of it you get.

Columns, phones and the highlighted option

• Keep columns few. Every extra column is more sideways scrolling on a phone. If you have more options than fit, compare the ones people actually choose between and link to the rest.
• Table or cards. A grid works when the shopper needs to scan across options. On a narrow screen, cards that stack one option at a time are often easier to read. Check both on a real phone.
• Do not rely on colour alone. A green tick and a red cross must also differ in shape or carry a text label, which is what WCAG success criterion 1.4.1 (Use of Color) asks for.
• Highlight with a reason. Marking one column as the recommended option is fine if you say who it suits, such as "best for first-time buyers". A highlight with no reason reads as the one you most want to sell.

Comparing yourself with someone else

Comparative claims are allowed in most markets, and regulators broadly welcome them, but they have to be true. The FTC's policy statement on comparative advertising (16 CFR 14.15) supports truthful comparisons that name competitors. In the EU, the Misleading and Comparative Advertising Directive (2006/114/EC) expects a comparison to be objective and verifiable, to compare like with like, and not to denigrate the other brand. The UK applies similar tests through the Business Protection from Misleading Marketing Regulations 2008.

In practice that means:

• Keep evidence for every cell about the other product, such as a dated screenshot of their own page.
• Compare the closest equivalent, not their weakest product against your best.
• Re-check the table when they change their product or price, and date it if it is likely to drift.
• Show a reduced price only if it is real. In the EU, the Omnibus Directive's price rules generally require an announced reduction to refer to the lowest price in the previous 30 days.

This is general information, not legal advice. If a comparison names a rival, it is worth having someone who knows the rules where you sell read it first.

Where the table goes

On a product page, below the main product details, where a shopper who is weighing up versions will scroll. On a bundle or landing page, near the top, because the choice is the point of the page. On a collection page, only when the collection is small enough that every item fits in the table.

Next step

List the options shoppers ask you to compare, then open the comparison table tool. It suggests the layout and rows for your case and previews the comparison table widget from the Nudgesmart app with sample content. You add your own rows in the app and publish it from there. Every layout is in the store widget gallery.

A comparison table is one of several blocks competing for space on a product page. For how it fits with the others, see which product page widgets earn their place.