Call to Action Buttons: Analysis of Top eCommerce Companies

We hope you enjoy this post.  Be sure to get a FREE expert audit of your website from Trinity today!   

CLICK HERE TO LEARN MORE

Craig Smith  |  Founder & CEO

Do you ever wonder about similarities in how top eCommerce companies use CTA buttons? Trinity studied a large group of top eCommerce brands and how they use their Call to Actions (CTAs). In this blog post, we take a look at how CTA buttons have evolved for today’s online shoppers. We also explore commonalities in how CTAs are used on these sites and what can you learn from them to boost conversions on your own site. Let’s get started.

This image has an empty alt attribute; its file name is separator@2x.png

Primary Button Colors

Why so much blue and black?

We have all read it at some point — the article narrating the psychological influence of certain colors. Are people leveraging a blue button because it conveys trust, calm, and inspiration? Not necessarily. During our observation, we noted over 88% of buttons were aligned with the store’s branding. Those that were not direct brand colors appeared to be chosen based on their level of contrast against the brand color.

This image has an empty alt attribute; its file name is separator@2x.png

All About That Contrast

A little contrast can go a long way. Which CTA below is easier to notice: the blue or pink button?

You probably found the pink CTA easier to notice. The easier a user can find their next step on your website, the better. As long as you’re consistent in your branding, a little contrast in button color makes CTAs more compelling. Many top brands use contrast well in their CTAs.

This image has an empty alt attribute; its file name is separator@2x.png

Spooooky Secondaries

A button styled as with outline and plain text is commonly referred to by the nickname “ghost button”. Many top eCommerce companies utilize this button as a “Save for Later” option alongside an “Add to Cart” option.

The subtle aesthetic of the ghost button makes it ideal for usage as a secondary call to action. They don’t overwhelm the intended primary action, and they easily to fit in with almost any brand style.

This image has an empty alt attribute; its file name is separator@2x.png

Brand Consistency

Consistency in branding is as important as it gets. Using consistent, prominent brand colors and styling over time develops brand recognition and loyalty.

This image has an empty alt attribute; its file name is separator@2x.png


CTA Verbiage Breakdown

Choice of verbiage shouldn’t be an afterthought when it comes to CTAs. Clear, concise language can propel users to take the next step on your site; while confusing, long CTAs cause confusion and hesitation for users. Below, see the commonalities in verbiage choice on brand product listing pages, product pages, and cart pages.

This image has an empty alt attribute; its file name is separator@2x.png

Next Steps

The only way to really know if your site is performing as efficiently as it could be is to test it. How would it perform if you changed your CTA color? How about the verbiage?

If you’re interested in learning more about how Trinity helps optimize eCommerce sites through UX testing, contact us for a FREE 30 minute strategy session (a $795 value!).

45 Ways to Boost Conversions

Get our free 30 page guide packed with ideas on how to grow conversions this year with our 45 Ways to Boost Conversions Guide (PDF).

About Trinity

Helping online brands grow since 2006. How can we help you? Find out today!

Get a FREE website diagnostic consultation and report for your site.

FREE WEBINAR

Secrets for Optimizing Conversion