Transforming the Sticky Add to Cart into a Persistent Bottom Bar Boosts Conversion and Revenue

Transform your product page with a sticky Add to Cart bar and explore how it increased conversion rates by 3.7%. Discover the results!

Metric

Conversion rate

Lift change

+3.7%

Transforming the Sticky Add to Cart into a Persistent Bottom Bar Boosts Conversion and Revenue – Control screenshot

Control

Transforming the Sticky Add to Cart into a Persistent Bottom Bar Boosts Conversion and Revenue – Variation screenshot

Variation

If we convert the sticky image into a sticky Add to Cart bar once the user scrolls past the primary CTA, then the conversion rate will increase because users always have a clear and accessible path to purchase, reducing friction during deep PDP browsing.

What We Changed

  • Converted sticky image to a sticky Add to Cart bar.
  • Added product title, price, text input field, and ATC button to the sticky bar.
  • Ensured smooth transition without jump or flicker.
  • Kept the sticky bar fixed at the bottom of the screen.

Detailed breakdown

Conversion Rate

+3.7%

Add-to-Cart Rate

+0.1%

Bounce Rate

-21.9%

Click-Through Rate

+17.0%

Revenue

+21.5%

Key Learnings

  • Making the purchase option always accessible increased conversion opportunities.
  • Reduced bounce rates suggest improved user engagement.
  • A clear and constant CTA can enhance user focus and interaction.
  • Smooth transitions maintain a seamless user experience.