@elevate_abWhy product cards matter on the collection page
On a collection page, the product card is the whole sales pitch until someone clicks. It has to show what the product looks like, what it costs and why it's worth a tap, in a small space. The winning tests either added useful information to the card or let shoppers act from it.
Measured results
Quick add and buy buttons
Oliver Kenyon's Quick Add buttons added $135,307/month and +$0.19 revenue per session. A mobile 2x2 grid with quick add-to-cart added $56,285/month. Best Seller and Trending labels with a visible price and Buy Now button added $29,621/month.
Want results like this on your store?
Oliver Kenyon at Conversionwise. Oliver co-founded Conversionwise and has spent 13 years helping ecommerce brands turn clicks into customers.
Swipeable images
Three tests let shoppers swipe through images on the card. Kasper Dolk's swipeable collection images gave +€96,350 revenue lift at 97% confidence over 10,796 visitors. Oliver Kenyon's image swipe (+$12,400/month) and swappable images (+$12,382/month) won too.
Grid layout and order
Oliver Kenyon switched to a 2x2 grid and put top performers first for +$49,040/month. Realigning cards and highlighting flavour names added $43,115/month, with more product page views. Dave Diederen replaced pagination with infinite scroll for +2.76% conversion rate and +3.01% revenue per visitor.
Content inside or above the grid
Dave Diederen's offer card inside the grid lifted conversion rate, revenue per visitor and profit per visitor by 20% each. Oliver Kenyon's three survey-based reassurance lines above the grid added $44,890/month.
Losing or flat tests
None are listed. One warning comes from the ideas: Elevate A/B Testing points out that quick add lets shoppers skip the bundle block on the product page, so judge it on revenue per visitor, not on add-to-cart rate alone.
Untested ideas
The 21 ideas are mostly from Kasper Dolk and Dave Diederen:
- Show colour and size swatches, or a variant selector, on the card so shoppers see availability without clicking.
- Add USP or benefit blocks between rows of the grid.
- Put a promo card in the 4th slot, as Dave Diederen suggests.
- Show savings and per-item price for multipacks, and list the most expensive items first as a price anchor.
- Badge only a few standout products. Kasper Dolk notes that badges lose their worth if everything has one.
Patterns that won
- Let shoppers add to cart from the card, and check revenue per visitor, not just cart adds.
- Let them swipe through product images without leaving the grid.
- On mobile, a 2x2 grid with your best sellers first.
- Use one grid slot for an offer or reassurance instead of a banner.
Related tests elsewhere on the store
Image swipe is covered in more depth on the collection page product images hub. Badges on cards overlap with bestseller badge tests.
Questions
Does quick add to cart on collection pages increase revenue?
In Oliver Kenyon's tests it did: Quick Add buttons added $135,307/month, and a mobile 2x2 grid with quick add added $56,285/month. Judge it on revenue per visitor, since shoppers may skip product page bundles.
Should collection pages use a 2x2 grid on mobile?
Two of Oliver Kenyon's tests support it: a 2x2 grid with top performers first (+$49,040/month) and a 2x2 grid with quick add (+$56,285/month).
Can I put an offer inside the product grid?
Yes. Dave Diederen added an offer card inside the collection grid and saw +20% conversion rate, revenue per visitor and profit per visitor.