Product page above-the-fold redesign: +$0.23 revenue per session
Test run byOliver KenyonConversionwise
Commentary byLiftArchiveOur analysis, not theirsRedesigning the top of the product page so the add-to-bag button and key benefits showed without scrolling lifted revenue per session by $0.23. Oliver Kenyon ran this test and puts the gain at $6,710 a month. Several elements changed at once, so the win belongs to the whole package.
- Revenue per session: +$0.23. Each visit to the product page earned more on average.
- Monthly revenue: +$6,710, based on the practitioner's estimate.
- Yearly revenue: +$80,520. This is a forecast, not a measured year.
The change
Buy button, swatches and trust signals pulled into the first screen
Simplified mockup drawn by LiftArchive from the shared screenshots.
Control
The first screen showed a large product image, thumbnails, title, price, a star rating and a dropdown to choose a variant. The add-to-cart button sat below the fold.
Variant
A rotating benefit bar was added under the header, and the image got arrows. The rating moved above the title with a summary line, variants became image swatches, and the quantity box and add-to-bag button, payment icons and three trust icons all moved into the first screen.
Why it likely won
Our reading of the result, not the practitioner's claim.
- putting the add-to-bag button on the first screen helps high-intent visitors act without scrolling.
- image swatches are quicker to use than a dropdown, which removes a small step before buying.
- the rating summary, payment icons and trust icons answer common doubts right next to the button.
Caveats: Six changes were tested together, so we can't say which one did the work. Sample size and duration were not shared.
Who ran it
Oliver Kenyon (@oliverkenyon) 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 bring the add-to-cart button, variant swatches and trust signals into the first screen of the product page, then more visitors will buy because they can act without scrolling.
- Primary metric
- Revenue per session
- Guardrails
- Add-to-cart rate
- Average order value
- Return rate
- Who should test it
- Stores whose mobile product pages push the buy button below the fold, especially with simple products and few variants. It may matter less for complex products that need explanation before purchase.
Questions
Should the add-to-cart button be above the fold on mobile?
In this test, a redesign that brought the button into the first screen lifted revenue per session by $0.23. Other elements changed too, so test it on your own pages.
Are image swatches better than a variant dropdown?
Swatches were part of the winning variant here, replacing a dropdown. Their own effect was not measured separately.
What should go in the top section of a product page?
The winning version showed images, a rating summary, title, price, variant swatches, the buy button, payment icons and trust icons, all before any scrolling.
Similar tests
@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon