eg

Sticky add-to-cart patterns

The sticky CTA is what keeps the buy action one click away as shoppers scroll the long tail of a PDP. The right pattern depends on device, category, and how much real estate the rest of the page needs. Pick wrong and you either lose mobile conversion or paper over content shoppers came to read.

Mobile default

Bottom bar with mini product summary

A persistent bar pinned to the bottom of the viewport showing a thumbnail, variant summary, price, and the primary CTA. The dominant pattern on mobile PDPs across categories.

Example of a mobile bottom-bar sticky add-to-cart with mini product summary above the CTA9:41‹Linen Co.⌕Linen Co.Relaxed shirt$148Crafted in Portugal from European linenwith mother-of-pearl buttons. Cut for arelaxed, breathable fit.Size · MediumColour · SandRelaxed shirtSand · M$148Add to bagBottom bar persiststhrough every scrollposition on the PDP.ecommerceguide.com

> what's good

  • +CTA is always one tap away regardless of scroll position, lifts mobile conversion meaningfully.
  • +Mini-summary confirms variant selection without scrolling back, reduces wrong-SKU adds.
  • +Compact footprint leaves the photo gallery and content area uncluttered.

> what's risky

  • ·Conflicts with iOS home-indicator and Android nav gestures, easy to ship a tap-trap.
  • ·Permanent bar steals real estate from long-form content, hurts engagement on editorial PDPs.
  • ·When variant selection is incomplete, the bar's CTA needs careful disabled-state handling.
Electronics

Floating sidebar that pins on scroll

A right-column sidebar with image, price, variant summary, and CTA that pins in place once the shopper scrolls past the original buy box. Common on configurable, high-ticket desktop PDPs.

Example of a desktop floating sidebar sticky CTA that pins as the shopper scrolls past the buy boxsearchcategory / electronics / laptopsTechnical specificationsChipM-series Pro · 12 coresMemory32 GB unifiedStorage1 TB SSDDisplay14-inch Liquid Retina XDRBatteryUp to 18 hoursPorts3x Thunderbolt 4 · HDMI · SDWeight1.6 kgWhat's in the boxStudio Pro · USB-C cable · Power adapterQuick-start guide · Polishing clothNorthRidgeStudio Pro 14"32 GB · 1 TB · Charcoal$2,289or $190.75/mo · 12-month interest freeAdd to cartpinned on scroll →ecommerceguide.com

> what's good

  • +Keeps configuration choice and price visible while shoppers read the long tail of specs.
  • +Less intrusive than a full-width band on desktop, sits inside the natural reading column.
  • +Ideal for high-ticket SKUs where shoppers spend time below the fold before deciding.

> what's risky

  • ·Long pages can leave the sidebar floating against empty space, looks broken at certain heights.
  • ·Pin timing matters, pinning too early hides content under the sidebar on mid-size screens.
  • ·Container queries and sticky positioning bugs in older browsers cause silent failures.
DTC

Full-width sticky band on scroll

A horizontal band that drops in from below the nav once the shopper scrolls past the hero, spanning the full viewport with a clear primary CTA and price. Common on single-SKU DTC pages.

Example of a DTC full-width sticky band that drops in from the top after the shopper scrolls past the herosearchThe original mattress · QueenMedium-firm · 100-night trial$1,295or $108/mo with AffirmAdd to cartcategory / sleep / mattressesThe original mattressEngineered for back-sleepers and side-sleepers alike.Why you'll love it100-night trial10-year warrantyFree white-glove deliveryPlant-based foamecommerceguide.com

> what's good

  • +Maximum CTA prominence for single-SKU pages where the conversion goal is unambiguous.
  • +Drop-in animation cues the shopper that they've crossed an important threshold.
  • +Works equally well on desktop and tablet without separate layouts.

> what's risky

  • ·Eats vertical space at the top, can hide nav-adjacent content like search and account.
  • ·Aggressive on multi-product pages, turns browsing into a linear funnel by force.
  • ·Animated drop-in can feel intrusive on slower connections where layout shifts compound.

More product detail patterns