Add-to-Cart Button on Mobile Collection Pages To Boost 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%

Add-to-Cart Button on Mobile Collection Pages To Boost Purchase Convenience – Control screenshot

Control

Add-to-Cart Button on Mobile Collection Pages To Boost 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 collection pages.
  • Displayed the button as a floating icon on each product card.
  • Prompted variant selection and enabled add to cart from the collection pages.

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.