Product Page Above the Fold Case Study: Moving the Buy Box Up Lifted Revenue per Visitor 12%
[ SUMMARIZE WITH AI ]
[ FREE CRO TEARDOWN ]
Find the 3 biggest revenue leaks on your store.
Every day a conversion leak goes unfixed, you're paying for traffic that doesn't buy. Get a 5-minute Loom through your PDP, cart, and checkout, with mockups of the fixes. No pitch.
Get My TeardownIf shoppers have to scroll five screens to find the price, the product page above the fold is doing the wrong job. We moved the buy box to the first screen and answered the two questions buyers kept asking. Revenue per visitor rose 12%.
The page belonged to a DTC intimate wellness brand, and it was their hero product. The top of the page was a big hero video. No price, no add to cart button. The buy box sat about five screens down.
The reviews told us what was missing. Fit was the top concern, and people wanted to know exactly what came in the box. So we rebuilt the product page above the fold around one idea: show the price and the button first, then answer "will it fit us, and what do we get?" before the click.
The winning variation lifted revenue per visitor 12% at 97% probability of beating control, on 872 orders vs 811 for control. It is now live.
How we measured it: this number counts only visitors who clicked add to cart, tracked with a custom event, not everyone who landed on the page. The variation made the button easier to reach, so more (and different) people may have clicked it, which makes the two groups not perfectly alike. Read the 12% as a strong signal for that audience, not a sitewide lift.
The Buy Box Sat Five Screens Down
A hero video looks great in a design review. On a phone it pushes everything that sells below the fold.
Here is what a visitor saw on the original page:
- A full-width video at the top
- Badges and a headline, but no price
- The add to cart button roughly five screens down, after the feature sections
Shoppers who were ready to buy had to go looking for the button. Shoppers who were unsure had no answer to their main worry anywhere near the top.
Control + 4 Stacked Variations
We ran it in Intelligems on desktop and mobile, with traffic split evenly across control and 4 variations. Each variation kept everything from the one before it and added one layer. That way we could see if the extra layers helped or just added clutter.
| Version | What changed |
|---|---|
| Control | Original page: hero video at the top, no price on the first screen, buy box about five screens down |
| Variation 1 | A 6-slot image gallery replaces the hero video (the video moves into the gallery). Price, compare-at price, a % off pill and add to cart sit right under the badges. A new sticky add to cart bar on mobile and desktop |
| Variation 2 | Variation 1 + a new gallery order (product image first, video in slot 4) with a "Watch how it works" pill, plus a new subtitle and description |
| Variation 3 | Variation 2 + an open "Fit and feel" accordion under the price |
| Variation 4 | Variation 3 + an open "What's included" accordion listing everything in the box, with "Fit and feel" closed |
Variation 4 Won: +12% Revenue per Visitor
| Visitors who clicked add to cart | Variation 4 vs control |
|---|---|
| Revenue per visitor | +12% |
| Probability of beating control | 97% |
| Orders | 872 vs 811 |
| Test length | 12 days |
The lead was there from the first days of the test and held the whole way. We called it, rebuilt the winner as clean theme code and shipped it to the live product page.
Why the Full Stack Came Out Ahead
The fully stacked version came out ahead of the lighter ones. Moving the buy box up was the base, and answering the buyer's questions on top of it is what finished the job.
- The price on the first screen sets the frame. Shoppers know what they are deciding on before they scroll, not after five screens of features
- A sticky bar keeps the button in reach. Once someone scrolls past the top buy box, add to cart follows them down the page
- "Fit and feel" handles the top objection. The reviews said fit was the worry, so the answer sits right under the price
- "What's included" removes the last doubt. People buying a personal product want to know exactly what arrives. A short list in the buy box answers it without a scroll
- Images first, video one tap away. The pill keeps the video for people who want it, without pushing the buy box down for everyone else
The takeaway: moving the button up gets people to it. Answering their questions next to it gets them to click.
How to Read This Result
Two things to be clear about.
- The scope is people who clicked add to cart. The read covers visitors who clicked add to cart, not every visitor who landed on the page. That is the group where the buying decision happened
- It is a strong but smaller sample. 872 vs 811 orders is under our 1,000 orders per variation target. 97% probability of beating control with a lead that held from the start is a solid result, but it is not the same as a test with several thousand orders behind it
We would rather tell you that than round it up. The brand shipped it because the signal was clear and consistent, and the change matches what customers asked for in reviews.
What We Would Copy on Any Hero Product Page
- Check what a phone shows on the first screen. If there is no price and no add to cart button, start there
- Replace a full-width hero video with a gallery and keep the video as one slide
- Add a sticky add to cart bar that shows once the top button scrolls away
- Read the reviews and find the top worry. Answer it in the buy box, not in a section halfway down
- List what is in the box, right under the price
For more on what belongs on a product page and in what order, see our Shopify product page optimization guide. If your gallery is the next thing to fix, this product gallery image test shows what changed there.
Questions Brands Ask About Moving the Buy Box Above the Fold
Should price and add to cart be above the fold on a product page?
In this test, yes. Moving price and add to cart onto the first screen, with a sticky bar and fit and contents answered up top, lifted revenue per visitor 12% at 97% probability of beating control for visitors who clicked add to cart.
Does a hero video hurt product page conversion?
It can when it pushes the buy box down. Here, a full-width video sat where the price should be. We moved the video into the image gallery as one slide, with a "Watch how it works" pill, so it stayed one tap away.
Is a sticky add to cart bar worth adding?
It was part of every variation in this test, including the winner. Once a shopper scrolls past the top buy box, the bar keeps add to cart in reach on mobile and desktop.
What should go next to the add to cart button?
The answer to the top buying worry. For this product, reviews showed fit was the main concern, so the winning version added a "Fit and feel" section and a "What's included" list right under the price.
How big was the sample?
The test ran 12 days, with 872 orders for the winning variation vs 811 for control. That is under our 1,000 orders per variation target, so it is a strong but smaller sample.
Want this kind of testing on your store? See how our Shopify CRO agency plans, builds and reads tests like this one.