IdukkiIdukki
Strategy

What happens to add-to-cart rate when the UGC gallery moves above the fold

Above the fold wins attention but competes with the buy box for the same screen. A practical look at gallery placement, the scroll-depth tradeoff, and how to test it instead of guessing.

The first screen of a product page already has one job: get the shopper to price, a chosen variant and add to cart with as little friction as possible. A UGC gallery pulled above the fold is asking for space on that same screen, and on a phone, where only one element is really visible at a time, that is a genuine tradeoff rather than a free addition. The gallery is not competing with nothing up there. It is competing with the exact information the shopper needs to complete the one action you actually want.

What gets buried at the bottom actually costs you

Push the gallery to the very bottom of the page instead and a different problem shows up: most sessions never get there. A meaningful share of PDP visitors leave, or convert, well before the final scroll, so a gallery placed after everything else is mostly reinforcing a decision shoppers already made rather than shaping one. Baymard’s product-page research and Nielsen Norman Group’s work on scroll behaviour both point the same way: content further down the page reaches a shrinking, and increasingly already-decided, slice of visitors.

The middle placement most tests skip

The placement that tends to earn its keep sits neither at the very top nor the very bottom: just below the buy box, near the size or fit information, where doubt runs highest right after intent has formed but before the shopper commits. That is the moment a shopper is asking whether this will actually look like that on them, and it is a more useful moment for a gallery to answer than the first three seconds on the page, before the shopper has decided to care.

The page-speed tax of moving up

Anything pulled into the first screen has to earn a Core Web Vitals cost, because it now competes with Largest Contentful Paint for the same load budget. A full carousel with autoplay video above the fold can hand back, in load time, more conversion than the gallery recovers in trust. The workable version keeps the above-the-fold slot light, a single server-rendered thumbnail or a small static grid, and defers the richer, heavier gallery to whichever position it actually lives in further down the page.

How to test placement without guessing

  1. 01

    Baseline first

    Measure current add-to-cart rate with the buy box alone, before moving anything.

  2. 02

    Test one placement at a time

    Above the fold, just below the buy box, or at the bottom: pick one alternative per test, not three at once.

  3. 03

    Run to a real sample

    Add-to-cart moves less than clicks or scroll depth, so the test needs enough sessions per variant to trust the result.

  4. 04

    Read speed alongside conversion

    A placement that lifts add-to-cart but drags Largest Contentful Paint can still net negative once bounce and rankings catch up.

  5. 05

    Re-test the runner-up later

    Placement is not a one-time decision; catalogue mix, traffic source and page weight all change over time.

+0%median PDP CR uplift with a UGC galleryIdukki cohort, 2024–26

That figure is about having a gallery on the page at all, averaged across the placements in the underlying cohort. It is not a claim about any one position, which is exactly the argument for testing placement on your own PDP rather than assuming the number transfers to wherever you decide to put it.

FAQs

  • Does moving the gallery above the fold always help?

    No. It helps when the current above-the-fold layout has room and the gallery is kept light; it hurts when it pushes the buy box down or adds enough weight to slow the first paint. The only way to know is to test it on the specific page.

  • Should mobile and desktop use the same placement?

    Not necessarily. A desktop hero has room for the product shot, price and a proof signal side by side; a phone shows one region at a time, so the same placement can read as generous on desktop and crowded on mobile. Test each surface rather than assuming one layout serves both.

#add-to-cart#pdp#cro#gallery-placement

More from Rohin Aggarwal

We use cookies

We use essential cookies to run this site and optional analytics cookies to understand how it’s used. You can change your choice anytime in our privacy policy.