Effective Call to Action Buttons

How important Call to Action Buttons are?

What every site owner wants is to increase more traffic and more sales, but sometimes we overlook the look and feel of our online presentations. You probably realized that ThemeID is trying to help users redirect their visitors to right places with that default orange call to action button.

Draw User’s Attention

How many times did we visit someones site where you were unable to find your way around? Well I will tell you, way too many times to even count them. Beautiful sites can often be huge distraction for your users if the right elements are not in the right places and not standing out. One of the biggest mistakes people make is where their logo is much larger than most of the items on the site or when logo colors create a distraction and everything else becomes less visible.

For every action there is a reaction

This quote dates back to Isaac Newton and it can be translated into pretty much everything. I did many site design tests in the past, mostly in Car Insurance industry, but they are almost the same and the “law” applies to all sites that want to direct their users straight to their product, service or anything else important to your online business.

Here is an example of ThemeID’s call to action button, our green button leads to About Us page and the same page is also linked from our top (main) menu as well. The top link is pretty big and quite visible, but the click-through rate is quite different.

This simple A-B test proofs once again that call to action buttons are not useless and they can convert your users into customers, or direct vistors to any page on your site.

Neutral Colors and “Important Buttons”

Number one tip for any designer is to make sure that anything important is not designed with neutral colors, or even made in a classic red, unless you’re working on “Warning Signs” . Red usually means “stop”, “no” and humans do respond well to red, but mostly in very negative way (this is as far as the web design goes, red has different meaning elsewhere and it’s about this red #ff0000). Green means “go” and it can also be associated with other things, such as wealth or money. Orange is sincere color, vibrant and it’s associated with positive things and happiness.

While ago I designed 8 Call to Action Buttons, they are GPL-Licensed so feel free to download them.

Another great example of good call to action button is incorporated into Shell Child Theme called Highlander and as you can see that this button really stands out. The so called “sliding door” technique changes green on mouse-over and in this case both Orange and the Green is in a single button. See live demo