⚖️

Compare tables

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

❓FAQ

‣

Do you really need a compare table?

‣

How many products should we allow users to compare at a time?

‣

Should our tables use zebra striping?

‣

What’s the most inspirational product comparison reference example?

💡 Ideas and tips

Product grid details

‣

Treat your compare link as a call to action

‣

Change “Compare” link text to “Compare Now” after 2 items selected

‣

Make sure your Compare buttons are easy to see in your builder widget

‣

Avoid “invisible compare widget syndrome”

‣

Consider testing bottom vs right-pinned builder widget

Table details

‣

Always have a View Product link at the bottom of the table

‣

Promote and truncate spec sections

‣

Use accordions to expose additional detail

‣

Use tooltips for specs that need clarity

‣

Use infowidgets for specs that need clarity

‣

Offer a “Save this Comparison for Later” feature

‣

Include a back to [last Product List] breadcrumb

Comparison aids

‣

Don’t make your sticky element too tall

‣

Snap your grid to reduce sticky element height

‣

Allow users to “Hide similar” attributes

‣

Let users highlight differences

‣

Don’t highlight differences by default

‣

🦄 Allow users to selectively hide rows

‣

🦄 Let users reorder columns within the compare grid

‣

Try graphic icons instead of text (where appropriate)

‣

🦄 Show recommended similar products with quick add-to-compare

‣

Use color to aid scannability and comprehension

Creative sections

‣

Consider “Availability” and/or “Current Offers” sections

‣

🦄 Summarize pros and cons from user reviews

‣

🦄 Embed size comparison image galleries (for smaller DTC catalogs)

‣

Link to customer image galleries

‣

Include a live help CTA

‣

🦄 Collect user feedback at the bottom of the table

‣

🦄 Add a product finder quiz to the bottom of the table

🫣 Cautions

‣

Don’t place your Compare links out of context

‣

Don’t detail-stuff your fields

‣

Don’t let your compare table go on and on and on (and on)

‣

NEVER hide your compare checkbox behind a hover effect

‣

Don’t leave your table “raw”

‣

Avoid empty data fields

Back to Category page ideas

👉 Follow on LinkedIn for daily ideas 💡