Floating Add-to-Cart Button on Mobile Collection Pages Boosts Purchase Convenience

Discover how adding an "Add to Cart" button on mobile collection pages changed user behavior and impacted performance metrics.

Metric

Add-to-cart rate

Lift change

-2.7%

Floating Add-to-Cart Button on Mobile Collection Pages Boosts Purchase Convenience – Control screenshot

Control

Floating Add-to-Cart Button on Mobile Collection Pages Boosts Purchase Convenience – Variation screenshot

Variation

If we add a visible “Add to Cart” button on mobile collection cards, then the add to cart rate will increase because it will be more convenient for users to add to cart from the collection page instead of having to go into each product detail page.

What We Changed

  • Added an “Add to Cart” button on mobile collection pages.
  • Displayed the button as a floating icon on each product card.
  • Enabled default variant selection or prompted selection if needed.

Detailed breakdown

Add to Cart Rate

-4.3%

Conversion Rate

-7.7%

Revenue

-2.12%

Average Order Value

+5.1%

Bounce Rate

-0.6%

Key Learnings

  • The added button did not increase the add-to-cart rate as expected.
  • Users may prefer viewing product details before adding to cart.
  • The increased average order value suggests that those who purchased may have been more decisive.
  • Convenience features can sometimes lead to unexpected user behavior.