Green instead of pink CTA buttons: add-to-cart rate fell
Test run byElevate_abTesting and CRO tool
Commentary byLiftArchiveOur analysis, not theirsSwitching the site-wide call-to-action buttons from pink to green lowered the add-to-cart rate from 11.49% to 10.81% at Say It With Diamonds, a premium jewelry brand.
The test was run with the Elevate A/B Testing app and published as an Elevate A/B success story. The brand kept the original pink buttons.
- Add-to-cart rate: 11.49% (667 adds) on pink vs 10.81% (615) on green, a drop of about 6% for the variant. This is a loss.
- Reached checkout: 8.9% on pink vs 8.2% on green, also lower for the variant.
- Checkout completion: no notable difference between the two versions.
- The source headline presents 6.29% as an add-to-cart gain. That figure is how far pink beat green, not a gain from the change.
The change
Pink call-to-action buttons become green across the site.
Simplified mockup drawn by LiftArchive from the shared screenshots.
Control
Call-to-action buttons on product, collection and checkout pages were pink, the brand's existing color.
Variant
The same buttons were changed to green everywhere on the site. Nothing else changed.
Why it likely lost
Our reading of the result, not the practitioner's claim.
- Pink was part of the brand's look. Green may have felt out of place on a luxury jewelry site and lowered trust slightly.
- Returning shoppers knew the pink button. A sudden change can make familiar actions feel less obvious.
- Button color rarely matters on its own. What matters is contrast with the page, and pink may already have stood out well.
Caveats: The test ran for about 14.5 days with 11,495 visitors. No significance level was shared, and a gap of under one percentage point may partly be noise.
Who ran it
Elevate_ab ran this test for Say It With Diamonds and published the results (Elevate A/B success story). The numbers are theirs; the summary and commentary on this page are ours.
Read the original case study on Elevate_ab →
How to run this test on your store
- Hypothesis
- If we change our main call-to-action buttons to a different color, then add-to-cart rate will rise, because the button will stand out more against the page.
- Primary metric
- Add-to-cart rate
- Guardrails
- Reached-checkout rate
- Checkout completion rate
- Revenue per visitor
- Who should test it
- Stores whose buttons blend into the page and lack contrast. If your button already stands out and matches a strong brand color, a color swap is unlikely to help and may hurt.
Questions
Does button color affect conversion?
Sometimes, but usually through contrast and fit with the brand, not the color itself.
Here green did worse than the brand's pink.
Is green the best button color?
No color wins everywhere. In this test, green lowered add-to-cart rate compared with pink.
Should I test button color site-wide or on one page?
Site-wide gives a consistent experience and more traffic.
Watch checkout metrics too, since the change touches every step.
Similar tests
@DaveDiederen
Blend Commerce
Conversion Fanatics
Clean Commit@DaveDiederen