# Quick Add-to-Cart on Collections

**Type:** Collection Page Test · **Where It Runs:** Collection Page · **Setup Time:** \~5 min

Test whether showing a quick add-to-cart button on your collection cards increases conversions by letting shoppers skip the product page entirely.

***

### Video Walkthrough

{% embed url="<https://www.loom.com/share/4fc2250aa7014c8fbc8641ee7b06e923>" %}

***

### Why This Works

The standard collection page flow is: browse the grid, click a product card, land on the PDP, then add to cart. That's two clicks and a full page load before anything hits the cart. Every extra step is a chance for the shopper to bounce.

A quick add-to-cart button on the collection card lets shoppers who already know what they want skip the PDP and add straight from the grid. It removes friction for the shoppers who don't need more convincing. They've seen the image, they know the price, they're ready. Let them buy.

That said, this isn't a universal winner. It works great for some stores and not for others, depending on the brand, the products, and the market. That's exactly why you test it instead of just shipping it.

### Best For

* Stores with simple products (single variant or limited options)
* Consumables and replenishment products (supplements, food, skincare)
* Lower price point items where the purchase decision is fast
* Stores with strong repeat buyer rates

### How to Set It Up

1. In your Elevate dashboard, click **Page Experiment**
2. Give your experiment a name and add a description of your hypothesis
3. Set your primary metric to **Revenue per Visitor**
4. Select **Collection Page** as the target. Run it on all collections, or click to select specific ones
5. For the variation, click **Duplicate Template**. Find your primary collection page template and duplicate it
6. Click **Edit in Shopify** to open the duplicated template in the theme editor
7. Click on the **Product Grid** section where your collection cards are displayed. On the left side, look for a setting called something like "Show cart button" or "Quick add" (the exact name varies by theme)
8. Toggle it on. You should see the quick add-to-cart button appear on your collection cards. Toggle it off to confirm the difference
9. Hit **Save** in the theme editor and go back to Elevate
10. Preview both the variation (quick add visible) and control (no quick add) to make sure everything looks right
11. Leave traffic split at **50/50**. No need to isolate traffic or set audience targeting
12. Click **Create Experiment** to put it in preview state, do a final QA check, then **Launch**

### What to Look For

**Primary metric:** Revenue per visitor. This tells you whether the reduced friction is actually driving more purchases, not just more casual adds.

**Also watch:** Add-to-cart rate and conversion rate. If add-to-cart rate goes up but conversion stays flat, people may be adding more casually but not following through to checkout.

**Keep an eye on AOV.** Quick add-to-cart can sometimes decrease average order value because shoppers skip the PDP where you might have upsells or bundles. If you see AOV dip, consider adding a cart upsell to compensate.

**Timeline:** 1-2 weeks for most stores. Collection pages tend to get solid traffic volume, so you'll usually reach significance quickly.

### Need Help?

If you have questions about setting up the experiment, reach out to our live chat support.

**New to Elevate?** [Book a demo](https://calendly.com/elevateab/demo) to see how it works and get help picking your first test.

**Already using Elevate?** [Book a call with our CRO team](https://calendly.com/marko-elevateab/cro-strategy-call-with-testing-expert) for a personalized testing roadmap based on your store, your products, and your goals.