Ecom Ideas
  • Homepages & nav
  • Category pages
  • Product pages
  • Cart pages
  • Checkout
  • Site search
  • Internationalization
  • Holiday ideas
  • Featured idea gallery
  • Topical articles
Subscribe
💡
Ecom Ideas
⚖️

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 💡

Get daily ideas

LinkedIn