Visual variant buttons instead of dropdowns: +3.95% conversion
Test run byDave DiederenSyntra Labs
Commentary byLiftArchiveOur analysis, not theirsReplacing variant dropdowns with visible selector blocks on the product page lifted conversion rate by 3.95% and revenue per visitor by 3.79%. Dave Diederen ran this test over about five weeks with roughly 960,000 visitors. Order value did not change, so the gain came from more people buying.
- Conversion rate: +3.95% (1.45% to 1.50%), with a 98.9% probability of beating control. That is a fairly confident win.
- Revenue per visitor: +3.79% ($2.49 to $2.58). The range ran from -1% to +9%, so the true lift could be smaller than shown.
- Profit per visitor: +3.95% ($2.23 to $2.32), so the extra orders were not bought with lower margins.
- Average order value: no change ($172.05 vs $171.78). Shoppers bought as much per order, just more often.
The change
Dropdowns become visible, tappable option blocks.
Simplified mockup drawn by LiftArchive from the shared screenshots.
Control
Each variant choice, such as size, length, quantity or color, sat inside a closed dropdown that shoppers had to tap open before choosing.
Variant
Every option was shown as a tappable block or button, so all choices were visible at once. Blocks could also carry labels like a best deal or top seller tag.
Why it likely won
Our reading of the result, not the practitioner's claim.
- a dropdown hides the options behind an extra tap, and every extra step near Add to Cart costs some buyers.
- seeing all sizes or packs at once makes the choice faster, especially on mobile.
- visible blocks leave room for helpful tags such as best value or sold out, which can guide a hesitant shopper.
Caveats: The test ran from Jul 6 to Aug 13, 2026 with 960,600 visitors and 14,177 orders. The before/after mockup in the post is a visual example from other brands, not necessarily the tested store.
Who ran it
Dave Diederen (@DaveDiederen) shared this test on X. The numbers and screenshots are theirs.
View the original post on X
How to run this test on your store
- Hypothesis
- If we replace variant dropdowns with visible selector blocks, then more visitors will add to cart because every option can be seen and picked in one tap.
- Primary metric
- Conversion rate
- Guardrails
- Average order value
- Wrong-size returns
- Add-to-cart rate
- Who should test it
- Stores where shoppers must choose a size, color, flavor or pack before buying, especially fashion and supplements. It matters less if products have one variant or so many options that blocks would push the buy button far down the page.
Questions
Are variant buttons better than dropdowns?
In this test they were. Visible selector blocks lifted conversion rate by 3.95%, with a 98.9% probability of beating the dropdown version.
Do swatches or size buttons change order value?
Not here. Average order value stayed flat at about $172, so the gain came from more orders.
Which variants should use selector blocks?
Any choice that affects the purchase, such as size, flavor, color or pack size. Dave Diederen's post suggests using blocks wherever the choice actually matters.
Similar tests
@oliverkenyon@DaveDiederen@DaveDiederen@DaveDiederen@DaveDiederen@DaveDiederen