Collection Of 100+ Checkout Buttons

checkout-buttonsUPDATE: if you plan to design a checkout button, please read our post on “The Best Checkout Button“.

The checkout process plays an important role in the shopping experience of all e-commerce websites. And, the shopping process starts with a click on the Checkout button. While buying decision can be influenced by matters other than your website, once visitors decide to buy the products from your site, it is your job to help (persuade) them to complete the buying process.

Assuming your visitor has already added products to their shopping cart, how well do you manage to persuade them to finish the checkout process? How usable are your checkout button and checkout pages? Does the button stand out from the rest of the page? Do visitors find it easy and compelling to click on it? Are there any general rules to follow when designing a checkout button?

We’ve tried to answer such questions and this is why we ended up analyzing 111 checkout button designs, from 111 top retailers. The buttons were taken from their shopping cart pages.

Conclusions and other interesting stats are to be found at the end of this article.

NOTICE: there are two retailers we couldn’t find a proper checkout button for, one being The Sharper Image (site is still under construction) and the other one is Gateway, which doesn’t sells directly on their website.

checkout button 1800 Contacts checkout button 1800 Flowers checkout button 1800 Pet Meds
checkout button AbeBooks checkout button Abercrombie Fitch checkout button American Eagle
checkout button Alibris checkout button Amazon checkout button Apple
checkout button Art.com checkout button Avon checkout button Bass Pro
checkout button Bath and Body Works checkout button Bed Bath and Beyond checkout button Bath and Body Works
checkout button Blair checkout button Bloomingdale-s checkout button Blue Nile
checkout button Barnes and Noble checkout button Buy.com checkout button Cabelas
checkout button Cafe Press checkout button CDW Corporation checkout button Chadwicks
checkout button Circuit City checkout button Cold Water Creek checkout button Comp U Plus
checkout button Comp USA checkout button Costco checkout button Crate and Barrel
checkout button Crutchfield checkout button CVS Pharmacy checkout button Delias
checkout button Dell checkout button Disney Shopping checkout button Domestications
checkout button Drs Foster and Smith checkout button Drug Store checkout button eBags
checkout button eCost checkout button Eddie Bauer checkout button eFollet
checkout button eTronics checkout button Foot Locker checkout button FTD Group
checkout button Furniture.com checkout button The Gap checkout button Gateway
checkout button Harry and David checkout button Hickory Farms checkout button Hallmark.com
checkout button Homeclick checkout button Home Depot checkout button Hewlett Packard
checkout button I Buy Digital checkout button JC Penney checkout button J Crew
checkout button JC Whitney checkout button J Jill checkout button Lands End
checkout button Lillian Vernon checkout button Liz Claiborne checkout button LL Bean.com
checkout button LL Bean.com checkout button Lowes checkout button Macy's
checkout button Major League Baseball checkout button Musician's Friend checkout button New Egg
checkout button Nieman Marcus checkout button Nordstrom checkout button Northern Tool
checkout button Office Depot checkout button Office Max checkout button Omaha Steaks
checkout button Oriental checkout button Overstock checkout button Palm.com
checkout button PC Connection checkout button PC Mall checkout button Peapod
checkout button Pet Smart checkout button Ralph and Loren checkout button Pro Flowers
checkout button QVC checkout button REI (Recreational Equipment Inc.) checkout button Ritz Camera.com
checkout button Saks checkout button Scholastic.com checkout button Schwans
checkout button Sears checkout button Sephora checkout button NBC
checkout button Smart Bargains checkout button Sony Style checkout button Spiegel
checkout button Sportsman's Guide checkout button Staples checkout button Talbots
checkout button Target.com checkout button Tiger Direct checkout button Sharper Image
checkout button Toys'R'Us checkout button Urban Outfitters checkout button Victoria's Secret
checkout button Vista Print checkout button Walgreens checkout button Walmart
checkout button Williams Sonoma checkout button Zappos

Conclusion:
Even if the 110 retailers display 110 different checkout button images, there are still some common practices you can follow when designing a checkout button. Let’s take a look at some statistics (all % are rounded up):

Button colors (background):
blue – 21 (19%)
brown – 5 (4.5%)
gray – 11 (10%)
green – 17 (15%)
orange – 12 (11%)
pink – 2 (2%)
purple – 4(4%)
red – 24 (22%)
white – 6 (5%)
yellow – 8 (7%)

Button colors (text):
black – 10 (10%)
blue – 9 (8%)
brown – 1 (less than 1%)
green – 1 (less than 1%)
orange – 1(less than 1%)
pink – 1 (less than 1%)
purple – 1(less than 1%)
red – 2 (less than 1%)
white – 84 (77%)
yellow – 1 (less than 1%)

How is “checkout” spelled?
check out – 8 (7%)
checkout – 101 (93%)

Is “checkout/check out” always used as button’s text?
yes – 108 (99%)
no – 2 (1%) – 1800contacts uses CONTINUE ORDER and proflowers.com uses Order Now

Is “checkout” UPPER case, lower case or Sentence Case?
CHECKOUT – 44 (40%)

checkout – 11 (10%)
Checkout – 44 (40%)
others – 9 (10%)

Which call to action verbs are used on buttons along with “Checkout”(which can also be considered a call to action, but not so strong)?
Continue – 12 (11%)
Proceed – 30 (27%)
Now – 9 (9%)
Go To – 2 (1%)
Use – 1 (less than 1%)
Begin – 7 (6%)
none – 50 (45%)

Does the button contains anti-anxiety elements, such as the term “secure”?
secure – 14 (12%)
no – 96 (88%)

Is there an arrow associated with the checkout button?
yes, on the left side of the button – 45 (40%)
yes, on the right side of the button – 17 (15%)
no – 48 (43%)

Pitstop Media offers ROI based internet marketing services such as landing page testing services and conversion rate optimization services. Our A/B and multivariate tests have helped companies increase conversion rates by as much as 75%. Let us increase your conversion rates, too!

VN:F [1.9.22_1171]
Rating: 9.5/10 (15 votes cast)
VN:F [1.9.22_1171]
Rating: +8 (from 8 votes)
Collection Of 100+ Checkout Buttons , 9.5 out of 10 based on 15 ratings

About 

Traian is Founder and Director of Search Marketing at Pitstop Media Inc. He has more than 11 years experience in helping small and medium businesses generate and convert organic traffic from search engines. Connect with Traian on Google+

 

10 Responses to “Collection Of 100+ Checkout Buttons”

  1. Could This Be The Best Checkout Button? said:

    Mar 14, 11 at 1:33 pm

    […] that it will take minutes or so. However, after researching a lot on the look and feel of the checkout buttons of 111 most important e-tailers, I realized that what seemed to be simple, was actually not.I have been able to identify eight […]

  2. Collection of Continue Shopping Buttons said:

    Jun 24, 11 at 4:58 pm

    […] shoppingOn my previous posts I’ve tried to provide e-commerce designers with collections of checkout buttons and progress bars. This time I thought they will find it useful to look at the Continue Shopping […]

  3. The Progress Bar – A Survey Of 100+ Online Retailers said:

    Jun 24, 11 at 5:07 pm

    […] from virtual shopping carts/bags delivered to their doors. It is the path from a click on the checkout button to the “Receipt” page . Some visitors are required to go through more or less […]

  4. Ash shoes said:

    Aug 11, 11 at 3:54 am

    hoppingOn my previous posts I’ve tried to provide e-commerce designers with collections of checkout buttons and progress bars.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: +2 (from 2 votes)
  5. techs 21 said:

    Jan 22, 12 at 7:52 pm

    http://www.techsonhandstore.com -I think that when using a checkout button, it is noticeable and visible to the customer.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. Grossman said:

    Aug 10, 12 at 9:44 am

    I saw a similar post without the stats break down. This is a great analysis of existing checkout buttons and best practices for what to use. I think I need to rethink my shopping cart image.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. Traian Neacsu said:

    Aug 10, 12 at 2:53 pm

    you definitely have to create better buttons for https://grossmanfurniture.com/cart :)

    VN:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. Make the Path to Checkout Clear as a Bell said:

    Sep 04, 12 at 7:47 pm

    […] is just a bit of pop science. Some people have taken the time to investigate this further however and it looked like most leading ecommerce sites prefer to use the colour red – which […]

  9. Moe said:

    Oct 02, 12 at 9:43 am

    I have some home audio installation systems that I want to sell, but I have not found a really good way to do that until now. These buttons are absolutely perfect for me. I have been looking for something like this for a while. I really like the blue ones because they match well with my site. Thank you so much!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. micheael steyn said:

    Oct 05, 12 at 5:24 am

    Really some of the best collections are placed here loved it…keep them updated as festive season is near

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)