Infographic: Constructing a Higher Converting Add-to-Cart Button

You can’t make a sale until a shopper adds a product into their shopping cart, which can’t be done without your add-to-cart button. For best practices and common trends from some of the world’s top ecommerce sites, check out this handy infographic.


Out of all the visual elements on your ecommerce site, your add-to-cart button is one of the most crucial to your success. Far too often, however, it’s treated as an afterthought, which can lead to missed sales opportunities. So if you’re looking to boost conversions on your product pages, a good was to start is by revisiting your add-to-cart button.

To help you draw inspiration and pick up on some common best practices, we studied the add-to-cart buttons of the top 50 ecommerce sites. From color to size to icons, there’s a lot to be learned and applied to your very own online store.

Take a look at our newest infographic to see the results:


Click the image below to see a larger version – enjoy!


7 Responses to “Infographic: Constructing a Higher Converting Add-to-Cart Button”

  1. Stor infografik omkring "Læg i kurv" knappen - KENT CHRISTIANSEN

    […] of: Volusion Twitter Facebook Google+ Reddit Permalink: […]

  2. Frank Vasquez

    How can I add a blog like this to our webstore?

  3. Laura

    and why doesn’t volusion provide some stock buttons, or do you and I don’t know where to find them?

  4. Rune

    Interesting statistic. Especially the icon usage suprises me.
    Allthough the most used is not equal to the best performance :O)
    I would still go with a split-test…

  5. Jorge benitez

    What is The code after the infographic for?

    • Gracelyn Tan

      Hi, Jorge. It’s if you want to embed the infographic on your own blog. 😀 All you have to do is copy the code that’s in the box, paste it into where you put HTML for your posts, hit save and it’ll be up.


Leave a Reply