How To Design Call to Action Buttons That Convert

ctas that convert

Day 4 of Conversion-Centered Design week brings us to the mighty call-to-action. If you’re not sure how they should look or what they should say to increase conversions, you’re in for a treat. Today we have another stellar post by Mr. Michael Aagaard, the split testing junkie himself. So pay attention to this one, and learn from some of his countless case studies and experiments, all about call to action design.

Don’t forget to check out the 3 awesome posts that have already come out this week, and stay tuned for Friday’s post that will close out the week.


This article, packed with case studies and examples from the real world, will provide you with important insights on how to design effective call to action buttons for your landing pages.

What you need to understand about call to action buttons

On your landing pages, the call-to-action represents the tipping point between bounce and conversion. When you ask someone to do something online, they have to go through your call-to-action in order to do it – regardless of whether you’re asking them to download a PDF, fill out a form, buy a product, or even just click through to another page.

Design Call to Action Buttons

Your buttons consist of two overall elements: design and copy

Both these elements have direct impact on conversions; however, they play two different roles in the conversion scenario.

Button design is a visual cue that helps attract prospects’ attention to the call-to-action. In other words button design answers the question, “Where should I click?”

Button copy on the other hand helps prospects make up their minds in the last critical moment and answers the question, “Why should I click this button?”

In this article we’re going to focus on button design – check out this article for a full rundown on how to write CTA copy that converts.

Let’s start with an example from the real world

I’ve anonymized the client here, but we’re talking about a major European e-commerce site that sells hand-painted porcelain.

In this case, we were able to increase sales via product pages – not just click through rate (CTR) – by 35.81% by changing the color and shape of the call-to-action button.

Design Call-to-Action Buttons

This case study illustrates perfectly how much of an impact the design of your CTA buttons can have on your conversion rate. If you’ve designed buttons to make them fit into the design with no thought to how “clickable” they are, you are in all likelihood leaving money on the table.

Lesson 1: There is no “ultimate button” that works every time

Buttons come in all sizes, shapes, and colors, and there really is no one-size-fits-all solution that works every time.

People like to say stuff like “You should never use red because it’s a stop color.” or “Green buttons are best!”

While such generalizations are convenient, they rarely mirror reality. What actually works will vary wildly depending on context and the layout of the landing page.

In the test I showed you before, green did better than blue. But that doesn’t mean that green is always best. I’ve seen plenty of tests where blue or red buttons have done way better than green buttons.

It’s all about standing out

The main optimization principle is that the button has to stand out from the rest of the page, so it’s easy for prospects to find the button once they’ve decided to take the next step. If your landing page is mostly green, a green button is probably not going to do very well, because it will be very difficult to separate the CTA from the rest of the page.

The best way to find out what works on your landing page is to test different versions in the real world on your potential customers.

A million colors to choose from where should I start?

My best advice is to use common sense and contrasting colors when you design your landing page buttons. The good old “squint test” is always helpful. Put together your page, take a few steps back, squint your eyes, and see if your button stands out.

Awesome call-to-action buttons
Buttons created with www.ButtonOptimizer.com

Here’s an example from the real world

In this case we were able to more than double CTR on a commercial real-estate site by doing a radical redesign of the main CTA button – going from a rather obscure brownish button to a much more flamboyant orange button.

Design Call-to-Action Buttons

If you perform the squint test on these two button variations, it should be pretty clear which one stands out the most.

I usually start by experimenting with an orange or green button, simply because they often perform well in tests. I don’t think there is any deeper psychological reason, it just seems that they stand out on most landing pages due to the average design. Again, it’s all about context, and I’ve seen tests where e.g. a purple button has outperformed both green and orange variations.

Visual effects

Visual effects can have an impact on how much your button gets clicked, but proceed with caution! Even relatively small effects can have a surprisingly large impact – and not necessarily a positive impact.

Let’s look at a few examples from the real world

A minute ago I showed you an example where an orange button with a green arrow performed significantly better than the original “boring” brown button. Well, the designer didn’t like the new button despite the positive impact it had on conversions.

As it turns out, his main objection was the green arrow, which he found ugly. My hypothesis on the other hand was that the green arrow made the button more noticeable and thus more “clickable”.

We could have discussed our personal tastes for hours, but instead I decided to investigate whether or not the arrow had a positive effect. So I set up a simple A/B test with the range button/green arrow as the control and a variation of the orange button without the arrow.

It turned out the treatment without the green arrow performed 12.29% worse than the control with the green arrow.

Design Call-to-Action Buttons 4

This is an example from a test I ran on the home page of a Danish portal through which you can buy and sell used cell phones.

Here I hypothesized that I could make the button stand out more and increase CTR by changing the font color of a green button from black to yellow. What a backfire! Changing the font color actually decreased click through by 18.01%.

Design Call-to-Action Buttons

So in this case the visual effect had a directly negative effect on conversion, and it turned out that the less colorful variant performed much better.

It’s really difficult to predict these outcomes without actually testing them in real life. But my advice is to keep it simple and within reason. It’s easy to go overboard on the creative solutions, but I generally find that simple variants (that are easy to recognize as buttons) with relevant copy perform better than artsy variants.

Here’s an example from the real world where a simple green button with relevant copy outperformed a creative variant by 10.94%.

Design Call-to-Action Buttons

Size matters – but bigger isn’t always better

I see a lot of designers make the mistake of creating buttons that are perfect from an aesthetic point of view, but way too small from a conversion stance. It’s important that your button is large enough to stand out clearly as a clickable element on the landing page. But this doesn’t mean that bigger automatically is better.

Here’s an example from the real world where making a button a lot bigger actually had a negative effect on conversion on a payment page.

Design Call-to-Action Buttons

My hypothesis is that the larger button simply became too big, drew too much attention, and thereby made the prospects feel pressured to carry out the conversion goal.

So again my advice is to go big with your buttons but not overboard – again testing is the best way to become certain that you’ve chosen the right size.

Respect the CTA copy!

I’ve heard designers say “Nobody reads button copy.” – well that simply isn’t true. I have a back catalogue of about 30 tests that prove the opposite; Button copy has major impact on conversion and people do read it!

In fact, apart from your headline, your CTA copy is one of the few pieces of copy that you can be 99% sure that your prospects will read.

Here’s an example from the real world

Oli and I recently ran an A/B test on an unbounce.com PPC campaign landing page of which the goal was to increase the number of prospects who signed up for a 30-day free trial.

The only thing we did was to tweak one word in the copy – we changed the possessive determiner “You” to “My”. After running the test for three weeks, the treatment button copy, “Start my free 30 day trial” had increased CTR by 90%.

Design Call-to-Action Buttons

In many cases the best copy might be seem wordy and out of proportion from a design perspective. But in my world that doesn’t really matter as long as it’s the version that gets the most conversions. Therefore, it’s crucial to keep your mind open to long copy variations when your designing your buttons.

For more on how to write CTA copy that converts check out this article or watch this video.

What you should do now

Go over your landing pages and scrutinize your call-to-action buttons. Do they stand out from the page? Are they easy to recognize as buttons? Are they merely there as a part of the design?

Perform the squint test and consider whether you could change the color or ad a visual effect to make the button “pop” more.

Use your observations to come up with ideas for new buttons and use a free tool like buttonoptimizer.com to design a number of treatments that you can test on your landing page.

If you use unbounce.com as your landing page platform, setting up a button test is as easy as 1, 2, 3. Otherwise, learn more about A/B testing by reading this article.

— Michael Aagaard

About Michael Aagaard
Michael Aagaard has been working full time with CRO since 2008. He has helped companies all over the world, including Unbounce, improve their online businesses. Michael's approach to CRO revolves around research and consumer psychology. He is a sought-after international keynote speaker and is generally known as one of the most passionate and enthusiastic people in the industry. Get in touch with Michael via http://michaelaagaard.com.
» More blog posts by Michael Aagaard

Comments:

  1. Avinesh Singh

    I guess keeping the button as simple as possible will always work ?

    Reply
    • Michael Lykke Aagaard

      I can’t tell if it will work every time – you have to test ;-) But all my research points to the fact that a simple button with relevant copy that stands out converts well.

      – Michael

      Reply
  2. Turn Anonymous Visitors into Business Leads + MORE

    […] How To Design Call to Action Buttons That Convert […]

    Reply
  3. Nile Lars

    I have expected this topic from oli but Michael you have also shared good knowledge. I would like to add one point that position(place) of CTA also matters. You can try different position to utilize your effective CTA.

    Reply
  4. Android's Creed

    I am commenting on Behalf of my Blog ! :)
    One thing ! this really helped me … Now I’ll be having some call to action buttons instead of hyperlinks!
    Thanks Again !
    -Arjun

    Reply
  5. Marketing Day: May 23, 2013

    […] How To Design Call to Action Buttons That Convert, unbounce.com […]

    Reply
  6. Marketing Day: May 23, 2013 | Uk Marketing

    […] How To Design Call to Action Buttons That Convert, unbounce.com […]

    Reply
  7. Rachel Williamson

    Every time I read a blog post on unBounce I come away with yet another valuable and FREE aid to improve my work. Thanks for the tip on the button optimizer site and a/b testing. Using beginning now.

    Reply
    • Michael Lykke Aagaard

      Hi Rachel – Thanks for the kind words! I’m glad you like ButtonOptimizer.com, we’re still doing some tweaks, but the bascis work well.

      – Michael

      Reply
  8. Sunday

    This topic of the Conversion Centered Design week is timely because most marketers are having limitations when it comes to CTA buttons.

    Visual effects, size, positioning and message are some of the factors that can really make a difference when it comes to creating call-to-action button that will convert.

    This post was “kingged” in the IM social site – kingged.com, where the above comment was also left.
    Sunday – kingged.com contributor
    http://www.kingged.com/how-to-design-call-to-action-buttons-that-convert/

    Reply
  9. Andy Kuiper

    I REALLY like this article Michael… thanks for the info and super example graphics :-)

    Reply
  10. Ostoskori- ja maksutapahtumaoptimointi | Konversio Konnat

    […] Verkkosivustoilla bounce raten ja koncersion välissä seisoo ns. call to action. Tämä tarkoittaa sivustolla vierailevalle asiakkaalle tehtyä kehoitusta toimintaan houkuttelevalla tavalla niin, että verkkosivuston haluama tavoite täyttyy. Käytännössä asiakkaan tehdessä mitä tahansa verkkosivulla, joutuu hän call to actionin kohteeksi. Näitä ovat pääsääntöisesti kehoituksen sisältävät nappulat verkkosivuilla. (http://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/) […]

    Reply
  11. Ways to Improve Your Calls to Action | IconicMind

    […] For a more in depth look at how both button design, color and copy ran influence your conversion, check out this article on designing call to action buttons that convert. […]

    Reply
  12. 4 Frustrating Mobile Usability Flaws To Avoid | YouEye Blog

    […] to increase sales for an European e-commerce site by 35.81% (via product pages). Their team has a great guide for designers to make the most (and see direct, bottom-line results) from optimizing your call to action […]

    Reply
  13. بررسی چند نمونه واقعی Call to Action

    […] برگرفته از : unbounce.com […]

    Reply
  14. Sully

    What font is this?

    Reply
  15. 5 Tips for Better PPC Results | Crowd Content Resources

    […] someone clicks your ad, you know that you you’ve at least piqued their interest. CTAs like “learn more” and “click for a free estimate” encourage a clicker to […]

    Reply
  16. Max

    Great article, much thanks! Beyond the design though, what do you find are the best functions for calls to actions, e.g. click to call, chat, video, email, call-back, etc…?

    Reply
  17. 5 Email Marketing Tactics You Need to Use | Crowd Content Resources

    […] One link at the very bottom of an email isn’t going to cut it, especially for readers who don’t feel like scrolling down to find it. Include at least one link per paragraph. Forget about being “cool” and make your links clearly look like links. Bring it home by using strong calls to action. […]

    Reply
  18. Randall Magwood

    “Get Your Free Ebook Now” is much better than “submit”. I customized my opt-in button from “submit” to “Download Book Now”. Has worked wonders for me so far. This was a phenomenal post by the way.

    Reply
  19. Ana Hoffman

    Ahhh, too bad – I was hoping for a “one size fits all” kind of solution, Michael. lol

    I do think you said the most important thing we should all remember when designing a cta button: it needs to stand out.

    Once that’s done, it’s down to testing.

    Loved the post; linked to it in my recent http://www.trafficgenerationcafe.com/write-great-blog-post/

    Reply
  20. The 411 on Creating Strong Calls to Action (CTAs)

    […] Should I design the CTAs myself? Like everything else in life, it depends. It depends on your design sense, your schedule, and your willingness to create multiple options. If you’re handy with programs like Photoshop, you can certainly give it a go. Otherwise, you can hit up your web designer for some guidance or outsource to a web/graphic designer. Some marketing software, like HubSpot, comes with CTA-making capabilities baked right in. Do a Google search on “designing call to action buttons that convert,” and you’ll find lots of resources like this one from online marketing guru Michael Aagaard. […]

    Reply
  21. 9 Questions To Ask Yourself Before You Publish Your Next Blog Post – newcreationrecords.com

    […] 9. Stop what you’re doing and write a Guide, DIY, or EBook: One of the best ways to increase readership is to offer a free guide (make sure it has Calls to Action!) […]

    Reply
  22. Calls to Action that Convert | BusRates.com Blog: Tourism. Travel. Technology.

    […] optimization, penned a series of free articles on improving conversions. In part four entitled “How to Design Call to Action Buttons that Convert,” Michael Aagaard walks through several examples with statistics showing the dramatic effect that […]

    Reply
  23. Steve Egan

    Hey Michael,

    Thanks for the article. I’ve only recently found unbounce.com and it’s crammed with excellent information. And thanks for the link to buttonoptimizer.com – that’s a great tool for someone like myself just starting out in the industry

    Reply
  24. 5 Reasons Your Website Isn’t Getting Sales | Rocket Ride SEO Blog

    […] be the main focus of your site and main part of your home page. You must also have some sort of call-to-action. Now that you have their attention you need to get them to do something. Most cases it’s […]

    Reply
  25. 5 Best Practices for Conversion Rate Optimization in Affiliate Marketing

    […] Start with your landing pages because they are where you should be getting the most conversions. Tell your visitors what they’ll be doing on your CTA and a hint of what they’ll be getting as benefits as a sort of tease that will persuade them to click. Place them were they are easily visible such as at the header or at the sidebar. […]

    Reply
  26. Creative Depth in Web Design | Website Designing Plus

    […] also be able to keep the visitors focused on equally important areas of the design, such as the call to action buttons, the headlines, the promotions, and other places you want people to pay attention to. While you […]

    Reply
  27. Alison Klein

    Great blog post! I like your point about long copy on buttons – most people don’t seem to consider that. Do you have any examples of buttons with longer copy that performed well, I’d love to see examples. Thanks!

    Reply
  28. 5 Best Practices for Conversion Rate Optimization in Affiliate Marketing – AffiliateXFiles

    […] Start with your landing pages because they are where you should be getting the most conversions. Tell your visitors what they’ll be doing on your CTA and a hint of what they’ll be getting as benefits as a sort of tease that will persuade them to click. Place them were they are easily visible such as at the header or at the sidebar. […]

    Reply
  29. A Great Showcase of Call To Action Buttons — Cartology

    […] a bit has been written about call to action buttons in the online marketing space in general. If you’d like to read more about this topic […]

    Reply
  30. Maninder

    hi dear plz tell me how to call to action button like visitor submit our number in batten and its direct connected with my page or email id.i means it notification comes in my Id.

    Reply
  31. DOWNLOAD MOVIES FREE PAGE

    hello dear
    plz mailed me how to use in my given website blogger page how can use call to action button in my page.P,z inform me via mail or PPT of this process

    Thanks

    Reply
  32. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Seo Cloud

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  33. Checkout Page Optimization: Just Follow the F.A.C.T.S. - WebPronto

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  34. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Atlanta Web Traffic

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  35. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Benson SEO Services | Singapore

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  36. Checkout Page Optimization: Just Follow the F.A.C.T.S. - ANVITAR - Venture Capital & Internet Business Consulting

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  37. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Traffic Conversion

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  38. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Marketing Aces

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  39. Checkout Page Optimization: Just Follow the F.A.C.T.S. | BookSocial.net

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  40. Checkout Page Optimization: Just Follow the F.A.C.T.S. - Ecnomy.com

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  41. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Directory Net

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  42. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Internet Marketing

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  43. Website Profits | Checkout Page Optimization: Just Follow the F.A.C.T.S.

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  44. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Artman's

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  45. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Sudbury SEO, PPC & Web Design Services

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  46. Checkout Page Optimization: Just Follow the F.A.C.T.S. | SEOPTI

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  47. Checkout Page Optimization: Just Follow the F.A.C.T.S. « SkillSEO SkillSEO

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  48. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Meet Me SEO

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  49. Checkout Page Optimization: Just Follow the F.A.C.T.S. - Blogs-design.com

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  50. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Search Burst – All The Search News

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  51. Checkout Page Optimization: Just Follow the F.A.C.T.S. | Benson's Singapore SEO Services

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  52. 5 factors affecting conversions on your call to action buttons - Selz Blog

    […] The words you choose to use on your CTA are just as important as the colours and position on the page. Words will direct visitors to the action that they are about to take. So the instructions on the CTA button needs to be both informative and enticing. Lets have a look at this example provided by Michael Aagaard: […]

    Reply
  53. UUDotCom - web services & resources

    […] An easy way to add focus to your checkout page is to implement calls to action. Calls to action are somewhat of a science, and people have performed a lot of tests to find the call to action that will work on any website. However, we believe it all depends on context. […]

    Reply
  54. BLOW CS » 15 TENDENCIAS DISEÑO WEB PARA EL 2014

    […] Aquí un buen artículo al respecto: How To Design Call to Action Buttons That Convert […]

    Reply
  55. Dan Carter

    Great article Micheal. Thanks and the graphics are great.

    Reply
  56. 5 Best Practices for Using Imagery on Your Website - Smart Marketing Blog

    […] example, a recent test of button designs by an e-commerce site saw a 35% increase in conversion when the site’s call-to-action button was redesigned using a bolder color that stood out better […]

    Reply
  57. Cathie

    This is an impressive post with so much information and detailed explanation about conversion. I love how changing the colours of buttons can raise the conversion so much. I want to learn more and more about it. Thank you.

    Reply
  58. Discover 34 Ways To Increase Your Blogs Email List

    […] talks about how to write call to action buttons that […]

    Reply
  59. website optimization services

    Thanks for sharing this blog..

    Reply
  60. Why the CTA Button is the Most Important Part of Your Site

    […] Unbounce provides a great example comparing generic and relevant buttons for an e-book: […]

    Reply
  61. How To Create An Event Website That Sells Tickets

    […] of the button) and if you’re interested in finding out more about what makes a good CTA, Unbounce is a great place to start. Also, think about the CTAs you see everyday on the internet: why do […]

    Reply
  62. 3 Reasons Websites Can Fail To Convert on Mobile

    […] How To Design Call to Action Buttons That Convert by Michael Aagaard at Unbounce […]

    Reply
  63. 20-Point Offer Optimization Checklist — Area Riservata

    […] Orange, Yellow and Green are all good to test… be careful with red though.   RESOURCES:  How To Design Call-To-Action Buttons That Convert […]

    Reply
  64. How to Run a Kick-Ass Webinar from Beginning to End - Liftoff Blog

    […] example, Unbounce found that by changing the possessive determiner from “you” to “my” increased […]

    Reply
  65. Mandatory: 15 Web Design Mistakes To Avoid - noupe.com

    […] within your web design strategy must be a strategy that helps you design call to action buttons that convert. Inability to weave this strategy into your larger web design strategy  results in call to action […]

    Reply
  66. Growth Hacking Marketing Blog Conversion Rate Optimization: Do or Die!

    […] How To Design Call to Action Buttons That Convert from Michael Aagaard at Unbounce […]

    Reply
  67. Ramon

    Nice article. Hope it help us to improve our ranking and knowledge about CTA’s. We are trying to improve https://www.wishingwell.es, an on line marketing agency that comes from the off line, so we need this kind of excellent articles. Tanks a million.

    Reply
  68. When Conversion Optimization Best Practices Fail

    […] optimization wisdom dictates that call-to-action buttons that stand out from the page and draw attention to themselves convert better. Size is an easy way to show that the button is […]

    Reply
  69. 3 Tips to Crafting an Awesome Video Call-To-Action

    […] you’re looking for more of an overview of the topic or are looking to dive deeper, check out this blog post from Michael Aagaard of ContentVerve, which explains how to design website CTAs that […]

    Reply
  70. TopTradings

    Thanks for creating this outstanding post. I need badly to create awesome button that increase at least 4% of total clicks. Get an awesome idea that may be covert my leads up to 7%.

    Thanks you buddy again, for this incredible resource.

    Best Regards
    Anwer Ashif

    Reply
  71. Julien @ Loenvio

    Thanks Michael! Very useful… Any tips regarding the text one should use, for a button that directs to a checkout page for example?

    Reply
  72. Henspark

    That mate is very true. Thanks Michael for reminding everyone that designing an creative and artistic website is good but a conversion oriented website is still the best. Really i always told my clients before… yeah alright… the website is visually great and stuff but we need to also focus on the core/sole purpose – to make something out of it and that is conversion (on any form). based on my experienced – Red and Green works better on buttons over light bold text. :)

    Reply
  73. What we learned analyzing 40+ top SaaS landing pages

    […] it where the user expects. Unbounce have written many great guides on this, as well as other CTA optimization tips. For example, using “my” instead of […]

    Reply
  74. Rebeca

    Hello,

    this article is well written. Do you have any opinion on colored buttons as have on the website Gettick? I would like to use it on my eshop as well, but I am not sure, if its smart choice.

    Thank you

    Reply
  75. 11 Characteristics of Persuasive Call-to-Action Buttons

    […] How To Design Call to Action Buttons That Convert […]

    Reply
  76. How to Structure Your Business Blog Posts to Maximize Conversions

    […] color can impact its effectiveness. To find the best option, Unbounce recommends starting with a “squint test” – stand back a few feet from the computer and see if the button stands out. If it doesn’t, […]

    Reply
  77. Choosing the Right Call to Action for Your Marketing Campaigns

    […] a color that is in contrast with the rest of the email to draw the eye. In a test case featured on Unbounce, the team was able to boost the sales of a product by 35.81% by simply changing the color and shape […]

    Reply
  78. 7 Tips on Converting Your Website Visitors

    […] Consider this example: unbounce.com, a site that provides marketers with a platform to build, publish, and test landing pages, changed the CTA on a PPC landing page that pitches a free 30-day trial from “start your free trial” to “start my free trial.” The result? unbounce.com saw an impressive 90 percent increase in its click-through rate in just three weeks. […]

    Reply
  79. Making your website flow meet your conversion needs

    […] As our friend Michael Aaagaard says on Unbounce: […]

    Reply
  80. The Hip Hop Guide to Landing Page Domination | Profit Maxim Tips&Tricks

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  81. The Hip Hop Guide to Landing Page Domination | Bertha's WordPress Blog

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  82. The Hip Hop Guide to Landing Page Domination | Duplicate My Success

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  83. The Hip Hop Guide to Landing Page Domination | leatroachez

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  84. The Hip Hop Guide to Landing Page Domination | hyperlocalbusiness

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  85. The Hip Hop Guide to Landing Page Domination | paulbarletta

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  86. The Hip Hop Guide to Landing Page Domination | Anthony Lewis

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  87. The Hip Hop Guide to Landing Page Domination | platinummarketingpro

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  88. How To Design Call to Action Buttons That Convert

    […] see the full article on increasing conversions, just click the link and do please call us if you want to know […]

    Reply
  89. The Hip Hop Guide to Landing Page Domination

    […] powerful CTA button is the acme of CRO. Knowing that, the temptation is to overdo it. If you’ve created multiple CTAs […]

    Reply
  90. Landing Page Content and Design Essentials | Broadcast | Crucial

    […] 42%. A study by Unbounce shows that switching from ‘yours’ to ‘mine’ in the CTA button can up conversion rates by as many as 90%. The CTA button can make you money as you sleep, if cleverly […]

    Reply
  91. How Flat Design Increases Conversion Rates - Speckyboy

    […] this instance they were able to increase not only click-throughs, but sales by 35.81%, by simply changing to a flat designed […]

    Reply
  92. Bob Senoff

    Excellent post, Michael. The “Try it and See A/B testing method’ is so much better than making a gut decision on what it most important conversion point on your site.

    We started with an orange button on our site too.

    Reply
  93. Connect With Your Target Audience Using Content Marketing | Riverbed Marketing

    […] (@Unbounce) has a great series of articles on the mechanics of CTA buttons, and how to convert more by improving landing page design and other design related issues that can […]

    Reply
  94. 7 Ways to Increase Your Form Field Conversion Rate (by Up to 672%)

    […] a call to action, it must be strong and catchy. The call-to-action is the tipping point between conversions and bounce. In other words, any step you take will either convert your visitors or send them […]

    Reply
  95. Psychological Strategies to Increase eCommerce Sales [Infographic] | ProminentSocial

    […] CTA Button Colors: If you’ve ever read any of Unbounce’s content, you probably already know about how the color, size, shape, and messaging of a CTA button can […]

    Reply
  96. 16 Design Mistakes That Make Visitors Bounce From Your Website – And How to Fix Them - Mirasee

    […] your calls-to-action stand out or fade away? Lackluster buttons and graphics will leave your visitors directionless. […]

    Reply
  97. sarfraz khan

    That’s what I call a damn good experiment. Thanks for sharing, I really learned much from it.

    Reply
  98. 8 Tips for a CTA That Actually Drives Action - Tweak Your Biz

    […] in finding the perfect words that they forget one of the most essential components of any CTA—it needs to be visually appealing. Prospects’ eyes will be drawn to a call to action button that looks not only attractive but also […]

    Reply
  99. Why A Call To Action Is Like Dating - imonomy blog

    […] How To Design Call to Action Buttons That Convert […]

    Reply
  100. Beginner’s Guide to host a website with WordPress

    Excellent information and thanks for a great tool for someone like myself just starting out in the industry. And get an awesome idea that may be covert my leads up to 10-15%.

    Reply
  101. Know Your Goals & Show Visitors How to Reach Them

    […] to both visitors and your business. Good content alone may get you sessions and pageviews, but CTAs and forms get you […]

    Reply
  102. 37 Proven Ways To Create The Strongest Call To Action Copy | Best Case Media

    […] 15) We’ll look more at testing later in the post, but while I’m on the subject: don’t just test the call-to-action button color. Test the text color too. Before you try every color of the rainbow, however, I’ll give you this caveat, courtesy of Michael Aagaard at Unbounce: […]

    Reply
  103. How To Improve Your Lead Gen Landing Page | Clix Marketing PPC Blog

    […] that submits their form helps with the visuals of submitting the form, as well. Unbounce suggests using a contrasting color for your call to action […]

    Reply
  104. Is Your Crappy Traffic Foiling Your CRO Efforts? | Bertha's WordPress Blog

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  105. Is Your Crappy Traffic Foiling Your CRO Efforts? – Affiliate-Gold

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  106. Is Your Crappy Traffic Foiling Your CRO Efforts? – NewsRolio

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  107. Is Your Crappy Traffic Foiling Your CRO Efforts? | Anthony Lewis

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  108. Is Your Crappy Traffic Foiling Your CRO Efforts? | stem1390

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  109. Is Your Crappy Traffic Foiling Your CRO Efforts? – leatroachez

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  110. Is Your Crappy Traffic Foiling Your CRO Efforts? | A Blog For Entrepreneurs | Podcasters | Internet Marketers

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  111. Best Call to Action Words and Template [INFOGRAPHIC]

    […] just changing a single word could make a vast difference. Unbounce changed “Start your free 30 day trial” to “Start my free 30 day trial” and […]

    Reply
  112. Is Your Crappy Traffic Foiling Your CRO Efforts?

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  113. How To Write A Call To Action With 54 Words + 6 Examples

    […] Unbounce’s research on call to action buttons […]

    Reply
  114. Improve Form UX With More Intuitive Design | UpTrendingUpTrending

    […] Personalizing the call-to-action (CTA) button’s copy has shown to significantly increase the CTR. In a test by Unbounce, changing one word from You to My increased CTR by […]

    Reply
  115. 11 Effective Tips to Create a CTA Button that Converts - Mountnow

    […] Another study by Michael Aagaard discovered that, a green rounded button performed around 35% better than a blue rectangular shape. […]

    Reply
  116. Is Your Crappy Traffic Foiling Your CRO Efforts? | Jordan Sheriff

    […] Maybe your call to action doesn’t jive with your audience… maybe your page is missing an important element… maybe your form is too long… or too short… […]

    Reply
  117. PPC Landing Page Images: The Emotion & Science You Need To Know | Clix Marketing PPC Blog

    […] science is behind the colors. If you need some help with contrasting colors, give this article from Unbounce a […]

    Reply
  118. 14 Times in Business You Should A/B Test [INFOGRAPHIC] | Bertha's WordPress Blog

    […] heard some iteration of this around the ol’ office? “We need to make the button orange. I read somewhere once that it needs to be orange, otherwise we’re wasting our […]

    Reply
  119. 14 Times in Business You Should A/B Test [INFOGRAPHIC] – NewsRolio

    […] heard some iteration of this around the ol’ office? “We need to make the button orange. I read somewhere once that it needs to be orange, otherwise we’re wasting our […]

    Reply
  120. Sean David

    UnBounce has always been wonderful at sharing some sort of valuable aid that is capable of improving blogging activities. Thanks for doing it again by sharing this tip on button that converts.

    Reply
    • Ali

      Completely agree with you, Sean. Unbounce is creating epic content with tons of good stuff! :)

      Reply
  121. Ten Quick Tips to Maximize Your Landing Page Results | MagnaContent

    […] Your Landing Page Conversion Rate 3 Ways to Drastically Improve Landing Page Conversion Rates How To Design Call to Action Buttons That Convert 101 Landing Page Optimization […]

    Reply
  122. 10 Tips to Optimize Your Instagram Advertising Budget - TCS

    […] Unbounce ran an A/B test where it switched a single word on its landing page and saw a 90% increase in CTR. […]

    Reply
  123. 10 Tips to Optimize Your Instagram Advertising Budget | Brian McGee

    […] Unbounce ran an A/B test where it switched a single word on its landing page and saw a 90% increase in CTR. […]

    Reply
  124. 10 Tips to Optimize Your Instagram Advertising Budget | Your Right Time

    […] Unbounce ran an A/B test where it switched a single word on its landing page and saw a 90% increase in CTR. […]

    Reply
  125. 10 Tips to Optimize Your Instagram Advertising Budget – Ask Marketing Expert

    […] Unbounce ran an A/B test where it switched a single word on its landing page and saw a 90% increase in CTR. […]

    Reply
  126. Sam thomas

    Godesigny offers a flexible and attentive stand button design service . With many years experience in this button Design & web development field

    Reply
  127. 10 Tips to Optimize Your Instagram Advertising Budget | MarketingTumbler.com

    […] Unbounce ran an A/B test where it switched a single word on its landing page and saw a 90% increase in CTR. […]

    Reply
  128. 9 Ways Images can Boost your Website Conversion Rate - Ecommerce Platforms

    […] Your call-to-action is an image that represents the tilting point between bounce and conversion. Your call-to-action is what provokes an individual to take an action online or not whether it is downloading a song or filling out a form or making a purchase. This is why it can account for more than 35% of your conversion rate. […]

    Reply
  129. DRAFT How To Optimize Your Website’s Call-To-Action (6/22) - Conversion Fanatics

    […] The two most popular button shapes are rounded and square edges, and the shape that works best for you will largely depend on testing. And don’t overlook this factor; button shape can and does impact conversion rates, as evinced by the example below, which illustrates the results of a ContentVerve button shape test. […]

    Reply
  130. How to Win the War Between Consumers and Creators

    […] “BUY NOW!” button on a website is placed where it is and is a certain color because testing has shown that visitors are more […]

    Reply
  131. How to Generate More Leads Without Spending More on Advertising

    […] What’s the worst call to action on the ‘net? “Click here.” In one trial, shifting the CTA from “Start Your Free 30 Day Trial” to “Start My Free 30 Day Trial” increased click-through rate by 90%. […]

    Reply
  132. The Complete List of Conversion Rate Optimization Resources | Growth Simple Blog

    […] 4. Make your call-to-action button stand out from the rest of the page by using a contrasting color […]

    Reply
  133. How to supercharge your CTA button for higher conversions

    […] The following are some of the ways on how to make your Call to action button enticing. […]

    Reply
  134. 7 Maneras de Incrementar Tu Tasa de Conversión (hasta un 627%) Desde Tu Formulario de Contacto

    […] tienes una CTA debe ser fuerte y capciosa. La llamada a la acción es la cúspide entre las conversiones y el rebote. En otras palabras, cada paso que tomes hará que conviertas a tus visitantes o los […]

    Reply
  135. Creating Call to Action Buttons That Actually Will Get Real Results - Baamboo Studio | Beautiful Premium Weebly Themes & Templates

    […] one case, when the color and shape of the call to action button is changed to green and rounded corners, the […]

    Reply
  136. Ali

    Exactly! That’s what I’m working on to improve conversion. I think red button also improves your sales if use in the correct way.

    Reply
  137. Sam

    Really helpful! Simple links are far better than some beautiful CTA buttons

    Reply
  138. 5 Best Practices for Killer CTAs: Hooks, Lines and Keepers

    […] help customers identify with products and services, follow Michael Aagard’s advice. At Content Verve, he suggests that a CTA in the 1st person changes results by as much as 90%. […]

    Reply
  139. My login Vault

    Just wanted to say a quick thanks I am in the process of crating a call to action button and found the advice here very useful!!

    Reply
  140. 9 Simple Tips to Craft a Killer Call to Action Button | Make Money with Edmund & Megan

    […] Here is a proof of making a CTA button lot bigger actually found 10% decrease in conversion. […]

    Reply
  141. Brutal Critiques of 10 Top-Selling Landing Page Templates From ThemeForest

    […] now’ button should be in a contrasting color to increase conversions. Blue on a blue background is a dismal no-no, even though I perfectly […]

    Reply
  142. http://fuzzyinternational.com/

    I like this blog, saved to my bookmarks.I have got some important suggestions from it, specially how to create effective Buttons.I’m working in Fuzzy International private limited.

    Reply
  143. 11 Mistakes That Kill the Conversions of Your Landing Page - Landing Page Optimization

    […] Source: Unbounce . Multiple CTA buttons distracts users, therefore using single CTA button with single conversion […]

    Reply
  144. 11 Reasons Why Your Website Isn’t Getting You Any Leads, Appointments, or Customers | Excel Visibility LTD

    […] You need to guide them through your buying process, and you need to make it easy for them. Use calls-to-action to tell them what to do […]

    Reply
  145. 9 Simple Tips to Craft a Killer Call to Action Button – TipTech

    […] Here is a proof of making a CTA button lot bigger actually found 10% decrease in conversion. […]

    Reply
  146. Rahul

    Excellent! I truely agree with this – there is nothing like ultimate button. Position/ Color matters for getting a better ctr.
    Thanks.

    Reply
  147. Gerald Leckie

    Thanks for the information. A/B Split testing CTA buttons is a great idea.

    Reply
  148. Gerald Leckie

    Thanks for the article! Split tested CTA is often overlooked in SEO/Website design

    Reply
  149. Ultimate Call To Action Guide : Data Driven Strategy | Ninja Outreach

    […] details can mean a lot. Unbounce tested the color and shape of their CTA button, which helped them improve their CTR by 35.81%. In a […]

    Reply
  150. CTA: la manera elegante de decir lo que quieres que hagan tus visitas web

    […] Te dejo algunos ejemplos reales para que veas cómo pequeños cambios en tus llamadas a la acción pueden aumentar (o disminuir) la conversión. (tomado de post en Unbounce: ir a la fuente) […]

    Reply
  151. A/B Testing Made Simple: 4 Optimization Blunders to Avoid | Pinem.Org

    […] Similarly, a large-sized CTA button is recommended, so that it sticks out as a clickable element. But, going overboard with your CTA size can also decrease your conversions. Michael Aagard shared a case study where a large CTA button on the payment page negatively affected conversions. […]

    Reply
  152. 15 Design tips to improve blog post performance | Baboon

    […] Unbounce > How to design call to action buttons that convert […]

    Reply
  153. Adding call to action to my videos on - شییپور

    […] How to Design Call to Action Buttons that Convert باUnbounce The design and copy of your call to action buttons has aMy best advice is to usemon sense and contrasting colors . copy that converts check out article or watch video. […]

    Reply
  154. Building Killer Landing Pages With Software Even If You Dont Know How To Code | MBL Resource

    […] Finally, the absolute most important element on your landing page is your CALL TO ACTION. […]

    Reply
  155. 20 Landing Page Best Practices to Kickstart Your Conversion Lift

    […] 35.81% increase in sales (yes, sales, not just […]

    Reply
  156. Proof That Calls-to- Action Increase Sales On Websites

    […] by Unbounce shows how they increased sales for one of their clients by 35% just by changing the colour and […]

    Reply
  157. How to Create Content Customers Will Love - Profile Tree

    […]  Use Creative Call To Action:  Call to action(CTA) buttons are one of the most important components of your website. A great CTA button can direct users, […]

    Reply
  158. A/B-Tests leicht gemacht: 4 Optimierungsfehler, die Du vermeiden solltest

    […] Dir wird auch ein großer CTA-Button empfohlen, damit er als klickbares Element deutlich zu erkennen ist. Übertreibungen können Deine Conversion-Rate aber negativ beeinflussen. Michael Aasgard veröffentlichte eine Fallstudie, in der ein großer CTA-Button auf der Bezahlseite die Conversion-Rate gesenkt hatte. […]

    Reply
  159. Design debate: are image carousels UX assets or liabilities?

    […] if you work to design a great CTA you can see much higher click through rates compared to a homepage […]

    Reply
  160. Ten Steps to Intuitive Forms in Website Design

    […] Put yourself into your customer’s shoes. Change one word in your CTA content: Take your “You” and turn it into “My.” A recent study found this simple switch increased conversion by 90 percent. […]

    Reply
  161. Ten Steps to Intuitive Forms in Website Design | SuperX Team

    […] Put yourself into your customer’s shoes. Change one word in your CTA content: Take your “You” and turn it into “My.” A recent study found this simple switch increased conversion by 90 percent. […]

    Reply
  162. Ten Steps to Intuitive Forms in Website Design – untwst

    […] Put yourself into your customer’s shoes. Change one word in your CTA content: Take your “You” and turn it into “My.” A recent study found this simple switch increased conversion by 90 percent. […]

    Reply
  163. 3 Tips to Create Better Landing Pages - CrakRevenue

    […] your call-to-action doesn’t need to blend in or flow perfectly with your design — it just needs to be clickable. And the best way to do that is to make sure it attracts attention. Make it stand out from the rest […]

    Reply
  164. Code Boomers

    […] Source: (Unbounce) […]

    Reply
  165. Johnny

    Really helpful. I don’t know how to thank you more.

    Reply
  166. Patrick Leonard

    Small details can lead to tangible increases in conversions – nice article

    Reply
  167. Mishal Noor

    very helpful topic but best seo tools site

    Reply
Comments