Skip to main content
Start for freeBook a demo

Examples

Product page examples, and where shoppers actually click

Twenty real product pages captured on a phone, next to what over 6 million clicks on over 2,200 stores' product pages say shoppers tap.

Build a product pageSee the 20 pages

The short answer

Shoppers on a phone spend most of their taps on two things: the photos (39% of the taps we could name) and the size, color or flavor options (34%). For every tap on add to cart there are about 9 on photos and options. The pages below make those two parts easy to use.

Photos and options get 73% of phone taps on a product page

We grouped every click on over 2,200 stores' product pages by the part of the page it hit. 84% of the clicks came from phones.

What phone shoppers tap on a product page, share of the taps we could name
  • Product photos and video39.0%
    Product photos and video: 39.0%
  • Size, color and other options33.6%
    Size, color and other options: 33.6%
  • Add to cart and buy buttons7.9%
    Add to cart and buy buttons: 7.9%
  • Details and FAQ dropdowns6.3%
    Details and FAQ dropdowns: 6.3%
  • Menu and other links4.9%
    Menu and other links: 4.9%
  • Cookie and consent banners3.3%
    Cookie and consent banners: 3.3%
  • Other products' links2.9%
    Other products' links: 2.9%
  • Quantity picker1.2%
    Quantity picker: 1.2%
  • Reviews and star ratings0.4%
    Reviews and star ratings: 0.4%
  • Sticky add-to-cart bar0.2%
    Sticky add-to-cart bar: 0.2%
  • Size guide0.2%
    Size guide: 0.2%

Base: over 6 million clicks on product pages, 3 samples of 40 minutes spread over a week, over 2,200 stores in each. Each store's share, then the average store. 33% of phone taps hit an element we could name; the rest landed on text or boxes without one.

Share of named clicks by part of the page, phone and desktop, average store
Part of the pagePhoneDesktopPhone, share of all taps
Product photos and video39.0%43.7%12.9%
Size, color and other options33.6%33.4%11.1%
Add to cart and buy buttons7.9%6.4%2.6%
Details and FAQ dropdowns6.3%3.7%2.1%
Menu and other links4.9%6.2%1.6%
Cookie and consent banners3.3%1.3%1.1%
Other products' links2.9%3.6%1.0%
Quantity picker1.2%0.9%0.4%
Reviews and star ratings0.4%0.5%0.1%
Sticky add-to-cart bar0.2%0.1%0.1%
Size guide0.2%0.1%0.1%

Reviews, size guides and sticky bars rarely carry a name our tracking reads, so their shares are floors, not totals. How far shoppers scroll before they tap is in the scroll depth study, and how to read your own in the scroll map guide.

What the clicks mean for your product page

Spend the first phone screens on the parts shoppers actually use.

Make every photo swipe and zoom

Photos take 39% of the phone taps we could name. A photo that does nothing wastes them.

Show options as buttons

Options take 34% of named taps. Buttons show what's in stock at a glance; dropdowns hide it.

Keep add to cart in reach

Shoppers tap photos and options about 9 times per cart tap. Keep the button near them.

Answer questions in dropdowns

Detail and FAQ dropdowns take 6% of named taps: shipping, sizing and ingredients get opened.

The fixes step by step are in what to change on a product page, and the parts of a PDP in what a PDP is.

20 product pages, checked against the click data

Ordered by how many of the seven parts in the click data each page shows on a phone, then by brand name. None of these brands is a Replo customer.

  1. Coyuchi Cloud Loom Organic Towels product page on a phone
    9:41
    coyuchi.com

    1. Home

    Coyuchi

    Cloud Loom Organic Towels

    7 of 7 parts

    Fits color swatches, set sizes, a size chart link and add to cart onto one phone screen.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  2. Hedley & Bennett Essential Apron Denims (Cedar) product page on a phone
    9:41
    hedleyandbennett.com

    2. Home

    Hedley & Bennett

    Essential Apron Denims (Cedar)

    7 of 7 parts

    Puts the price inside the sticky button, “Add to Cart - $96”, next to a quantity stepper and the chosen color.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  3. Maxbone GO! Portable Bowls product page on a phone
    9:41
    maxbone.com

    3. Pet

    Maxbone

    GO! Portable Bowls

    7 of 7 parts

    Adds a “Zoom in” button on the photo and keeps quantity and price in the pinned add-to-cart bar from the first screen.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  4. OOFOS Women's OOriginal Sandal product page on a phone
    9:41
    oofos.com

    4. Footwear

    OOFOS

    Women's OOriginal Sandal

    7 of 7 parts

    Pins add to cart to the bottom of the first screen and adds a size guide by the size buttons, so a fit question never stalls the sale.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  5. Ana Luisa Eden Small Hoop Earrings product page on a phone
    9:41
    analuisa.com

    5. Jewelry

    Ana Luisa

    Eden Small Hoop Earrings

    6 of 7 parts

    Shows the member price beside the regular price, and the sticky bar repeats the member saving as shoppers scroll.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  6. Cuts Crossover Polo product page on a phone
    9:41
    cutsclothing.com

    6. Apparel

    Cuts

    Crossover Polo

    6 of 7 parts

    Puts a fit note, “Noah is 6'2, 175lbs and wears a size M”, between the photos and the color circles, where most taps already land.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  7. Ghia Le Fizz product page on a phone
    9:41
    drinkghia.com

    7. Food and drink

    Ghia

    Le Fizz

    6 of 7 parts

    Repeats the current choice in the sticky bar, “How many: 2 · Subscribe every 4 weeks”, so shoppers see what they're adding.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  8. Nécessaire The Body Wash, Multi-Oil product page on a phone
    9:41
    necessaire.com

    8. Skincare

    Nécessaire

    The Body Wash, Multi-Oil

    6 of 7 parts

    Draws each scent as a small chip in the bottle's color, so the option buttons double as a preview of the product.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  9. Outerknown Hightide Crew product page on a phone
    9:41
    outerknown.com

    9. Apparel

    Outerknown

    Hightide Crew

    6 of 7 parts

    Strikes through sold-out sizes on the size buttons, so the options shoppers tap most show what's in stock before they choose.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

    • Size guide

  10. Stanley The Quencher ProTour Flip Straw Tumbler, 40 OZ product page on a phone
    9:41
    stanley1913.com

    10. Outdoor and fitness

    Stanley

    The Quencher ProTour Flip Straw Tumbler, 40 OZ

    6 of 7 parts

    Shows sizes as buttons and colors as a swatch grid, then repeats the chosen size, color and price in the sticky bar.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  11. Cotopaxi Allpa X 1.5L Hip Pack product page on a phone
    9:41
    cotopaxi.com

    11. Outdoor and fitness

    Cotopaxi

    Allpa X 1.5L Hip Pack

    5 of 7 parts

    Uses photo swatches for each color, sold-out ones struck through, with “Add to Cart ($65)” on the same screen.

    • Swipeable photos

    • Option buttons

    • Add to cart on the first screen

    • Rating by the title

    • Sticky add-to-cart bar

  12. Glow Recipe Watermelon Glow Niacinamide Dew Drops product page on a phone
    9:41
    glowrecipe.com

    12. Skincare

    Glow Recipe

    Watermelon Glow Niacinamide Dew Drops

    5 of 7 parts

    States who it's for, “Dark Spots, Dryness, Uneven Texture, and Dullness”, right above the three size buttons.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  13. HUM Nutrition Flatter Me product page on a phone
    9:41
    humnutrition.com

    13. Supplements

    HUM Nutrition

    Flatter Me

    5 of 7 parts

    Puts the claim badges, “30 min debloat”, on the product photo itself, so the gallery sells before anyone reads.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Sticky add-to-cart bar

  14. Jenni Kayne Cashmere Fisherman Sweater product page on a phone
    9:41
    jennikayne.com

    14. Apparel

    Jenni Kayne

    Cashmere Fisherman Sweater

    5 of 7 parts

    Keeps the photo strip, size buttons and a sticky “Select a size” bar together, so every photo swipe ends near the choice.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Sticky add-to-cart bar

    • Size guide

  15. Mejuri Bold Huggie Hoops product page on a phone
    9:41
    mejuri.com

    15. Jewelry

    Mejuri

    Bold Huggie Hoops

    5 of 7 parts

    Puts “2 Year Warranty” and “Free Returns” between the gallery and the title, answering questions before the dropdowns.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Size guide

  16. Rothy's The Daily Driver product page on a phone
    9:41
    rothys.com

    16. Footwear

    Rothy's

    The Daily Driver

    5 of 7 parts

    Shows all 15 colors as swatches on the first screen, then a “Fits true to size” note right above the size buttons.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

    • Size guide

  17. MERIT Flush Balm product page on a phone
    9:41
    meritbeauty.com

    17. Makeup

    MERIT

    Flush Balm

    4 of 7 parts

    Shows every shade as a round swatch and lets shoppers pick a skin tone to see the shade on a matching model.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

  18. Outdoor Voices RecTrek Zip Pant product page on a phone
    9:41
    outdoorvoices.com

    18. Outdoor and fitness

    Outdoor Voices

    RecTrek Zip Pant

    4 of 7 parts

    Leads with a full-width on-body photo and six thumbnails, so the most-tapped part of the page shows the fit.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Size guide

  19. Tower 28 SOS Rescue Spray product page on a phone
    9:41
    tower28beauty.com

    19. Makeup

    Tower 28

    SOS Rescue Spray

    4 of 7 parts

    Mixes before-and-after shots into the thumbnail strip, so the photos shoppers tap most also carry the proof.

    • Swipeable photos

    • Option buttons

    • Detail dropdowns

    • Rating by the title

  20. Zesty Paws Allergy & Immune Bites for Dogs product page on a phone
    9:41
    zestypaws.com

    20. Pet

    Zesty Paws

    Allergy & Immune Bites for Dogs

    3 of 7 parts

    Puts the star rating above the title and a zoom on the main photo, with thumbnails that mix claims and dogs using it.

    • Swipeable photos

    • Detail dropdowns

    • Rating by the title

Each capture is the page's first screen on a 390 px phone and links to the live page. Ad landing pages by industry are in landing page examples.

See where your shoppers click

Every page Replo publishes gets a heatmap of clicks and scroll depth, by device.

Build a product pageSee your heatmap

How we counted

  • Click events on product pages of over 2,200 online stores that use Replo.
  • Three samples of 40 minutes, at different hours across one week.
  • Each click is grouped by the element's id, name, link or tag; others count as unnamed.
  • A store counts on a device with 30 or more product page clicks in a sample.
  • Shares are the average store, so one big store can't move them.
  • Every element counted had clicks on 20 or more stores; no store or page is named.

Questions about product pages

  • A product page, or PDP, is the page for one product: its photos, price, options and add-to-cart button. Ads, emails and search often land on it directly. What a PDP is covers its parts.

  • One a shopper can decide on from a phone. In our click data, shoppers tap the photos and options most, so the best pages make photos swipe and zoom, show options as buttons and keep add to cart close by.

  • On phones, 39% of the taps we could name hit the photos and 34% hit the size, color or other options. Add to cart got 8%, and detail dropdowns 6%. That's across over 2,200 stores' product pages.

  • We captured bestselling product pages from DTC brands in ten categories on a 390 px phone, checked none is a Replo customer, then ordered them by how many of the seven parts shoppers click most each page shows.

  • What the product does for the buyer first, then the feature that proves it and the detail that settles a doubt, such as size or ingredients. Draft three versions with the free product description generator, which also quotes 14 real descriptions.

  • Often, yes, on long phone pages: it keeps the button in reach while shoppers read. Test it, because on some pages it covers the photos or options people are tapping.

  • Publish the page with Replo. Every page records clicks and scroll depth with nothing to install, and the heatmap shows what each device taps and how far it scrolls.

Keep reading