The Best Call to Action Buttons (And a Few Not-So-Great Ones) – 54 Examples

Know your audience, use bright colors, and always have effective copy text – the basic rules for creating a good CTA button are simple. And yet, less than 25% of businesses are satisfied with their conversion rates, which is why they are still looking for ways to get more people to click on the main offer on their site.

Are you trying to optimize your webpage and turn all your site visitors into potential leads?

Then let’s talk about CTA and its examples.

The best call to action buttons are usually a result of great design, and the best way for you to learn how to design them is to learn from examples.

But before we show them to you, let’s take a look at the criteria we used in our CTA reviews.

How We Evaluated the Buttons

There are several things we took into account while reviewing these buttons – size, positioning, color, the text on the button and how it relates to other elements on the page.

Another important thing we paid attention to is how different buttons might work for different sites. Each business is special, and creating a unique call to action button is all about adjusting to your own company and your audience.

There’s more to it than simply placing a flashy “click herebutton and hoping for the best, as all elements have to fit the image of your brand and the product you’re trying to sell. That’s why this is the most important aspect of CTA that we wanted to focus on.

If you know nothing about CTAs, we recommend that you get familiar with them by reading this article before moving on.

If you’ve been wondering – how can I improve my CTA? – you’ve come to the right place.

Here are 54 examples to learn from.

Pros:

  • Well-designed background with simple graphic details that don’t distract from the buttons.
  • Three CTAs, all aimed at different people and different reasons they might be visiting the site.
  • Blue is a color often associated with productivity, trustworthiness, and intellect, and as such, it is one of the better CTA choices for an educational platform.
  • The tagline “For free. For everyone. Forever.” uses clever alliteration to stay memorable and it increases the likelihood of people clicking on the CTA buttons underneath because it makes the website seem more approachable.

Cons:

  • The “learners start here” is the primary CTA button for Khan Academy, but the dark color makes it a little less noticeable when compared to the other two. While the color of the background works well, the color of the buttons could be standing out more.

Pros:

  • The button is big, red, and it’s in the very middle of the page – very effective call to action elements.
  • The directional design of the arrows surrounding the button brings even more attention to it and helps us focus on what’s important.
  • The tagline is written in large letters and it’s short enough to be easily read and memorized. It also works to complement the “create resume” button.
  • The sentence “Let us show you how!” evokes a sense of trust and gives us yet another reason to click and make a conversion.
  • The icons on the page show a step-by-step process of creating a new resume and make it obvious that the whole thing will be easy and quick for the customer.

Cons:

  • None, really. This is a really great example with a good call to action phrase that works perfectly for this website.

Pros:

  • The button is purple, which is the same color as the background of the copy text on the left side. This makes it stand out a little more.
  • There aren’t too many form fields you need to fill out before clicking on the CTA. It’s generally a good idea to reduce the number of steps the users need to go through if you want to increase conversions.
  • “Start coding now” is a great CTA because it utilizes the action word now. This creates a sense of urgency and makes people want to click.

Cons:

  • Effective CTA needs to stand out more than anything else on the page. This button is just a little too small, so it’s overshadowed by other elements on the page.

Pros:

  • You immediately see the offer when you open this site. The discount presented makes the users feel like they’re getting a good deal.
  • “Buy Unlimited” is a powerful CTA that encourages conversions.
  • The “learn more” button further explains the offer from the site, investing in future conversions for those visitors who are still unsure if they want to commit.

Cons:

  • The buttons could be a little bigger.

Pros:

  • The CTA button is big and the green color of it matches the leaf from the logo.
  • The secondary CTA that says “try it for free” provides further incentive for users to click on the offer.
  • The action phrase “get started” also encourages conversions.
  • The primary and secondary buttons don’t compete for attention – they complement each other.
  • There is a short explanation right below the tagline of what FreshBooks software can do for the user.

Cons:

  • There are no particular faults with this CTA. It’s very polished and effective.

Pros:

  • The slide backgrounds are mostly well designed and evocative of Bioware’s history as a gaming company that makes interesting storylines and richly detailed characters.
  • The call to action slogans above the buttons are powerful and written in big, bold letters.

Cons:

  • Sadly, Bioware uses carousel slides. While they might seem like a good idea initially, they are very poorly received by site visitors and can end up lowering conversions.
  • The CTA button is almost invisible. If you have to squint to figure out where it is, you know you’ve got a problem on your hands.

Pros:

  • The background color itself helps the CTA button stand out in this example. It provides a great contrast to the plain white, and it matches the logo of the company to make everything look cohesive.
  • Evernote has a simple call to action button that’s big, but not overwhelming. It stands out without looking aggressive.
  • The word “free” on the button is a great power word that is usually very encouraging to visitors.

Cons:

  • From the copy text and tagline alone, it’s not completely clear what Evernote is. Users are less likely to sign up for something if they’re not really sure what they’re signing up for.

Pros:

  • The tagline on this page is eye-catching and it uses a really good slogan.
  • The copy text underneath the slogan is clear and concise, and it tells you right away what Dropbox is all about.

Cons:

  • Call to action colors on this page aren’t particularly cohesive.
  • While it’s good to make your tagline big and bold, it should never really overshadow the CTA button so completely that it becomes almost entirely unnoticeable.

Pros:

  • Since the whole site is animated and fun to use, visitors are prompted to spend more time on it, which means they have more chances to click on the CTA button.
  • The tagline “creativity + logic” is a great choice for web design companies.
  • The button easily stands out against the dark negative space.
  • “Our work” is a good option for CTA marketing of a web design company which relies on its portfolio to show the clients what its team can do.

Cons:

  • Strangely enough, the button doesn’t seem to be properly centered.

Pros:

  • The animated background is eye-catching and beautifully designed. It provides a perfect contrast to the big magenta button.
  • The CTA and copy text both work to point out this company’s skill in web design.
  • The secondary call to action matches the primary but doesn’t distract from it.

Cons:

  • The design of this site is excellent. There really are no big problems.

Pros:

  • When you create call to action buttons, it’s always a good idea to position them near the middle of the page. The button here has both good size and placement.
  • The colors on the page work well with each other.
  • The simple copy text is effective because it’s full of active words, such as “now” and “faster.” This helps create a sense of urgency with the consumer.

Cons:

  • Simplicity is always encouraged, but the design here is so basic that it offers no explanation of what Quicksprout even is and how it can help the site’s visitors.

Pros:

  • The vivid, playful color scheme is a good choice for a dating site.
  • The CTA button is positioned well.
  • The overall site layout is very bright and eye-catching.

Cons:

  • When it comes to call to action images, they play an important role because they can make the button stand out. Here, however, they mostly draw attention away from it because the button itself is a little small.
  • While the site is beautifully designed, the copy text is just a bit too long. For today’s standards, there’s simply too much to read here before you reach the CTA.

Pros:

  • Since Uber offers two distinct types of services, the two CTA buttons right next to each other are a good choice.
  • The copy text is simple and to-the-point.

Cons:

  • This is one of the examples of call to action that’s perfectly functional, but lacks any sort of distinction – the colors are basic, it seems like they used nothing but a simple stock image, and the buttons are very plain.

Pros:

  • This pop-up contains great newsletter sign up call to action. The phrase “Want insider perks?” provides a good incentive because it makes the visitors think that, by signing up, they’ll become a part of an exclusive club.
  • The simple black and white theme works well for the sign-up form, and the button stands out just enough to catch attention.

Cons:

  • Reducing the number of form fields to two could increase the conversions on this site.

Pros:

  • Instagram is one of the better social media call to action examples because it enables its users a quick sign up process. Besides using the form, you can also log in via Facebook and reduce the number of steps you have to go through.
  • The CTA design is very simple, but still easily visible, and there is nothing on the page that could distract the viewer’s attention away from it.

Cons:

  • There are no cons to this design. It’s tailored to work perfectly for Instagram, and while the simplicity of it might not be a great choice for a different type of business, it fits well for this one.

Pros:

  • The clear design works well to keep our attention on the call to action button on Facebook.
  • The green color of the button provides a nice contrast to the blue background and makes it stand out.
  • The copy text is straightforward and it points out the benefits of signing up.

Cons:

  • There are no cons to this site. Like for all big social media platforms, simplicity is the best choice.

Pros:

  • This CTA has practically nothing positive about it.

Cons:

  • This is one of the worst call to action button examples because the button is not visible at all. In fact, to reach it, you have to scroll down. This is one of the biggest mistakes you can make – your CTA should generally be above the fold because, if people can’t find it easily, they’re likely to leave.
  • The button itself is badly designed and it doesn’t stand out from the page in any way.
  • The whole layout is very cluttered and confusing to the viewers.

Pros:

  • This site uses one of the best call to action phrases for a subscription box – ”choose your barkbox.” It’s unique to the business and the product offered, and it implies that you’ll have several options at your disposal.
  • The tagline of this site is creative, unique, and funny.
  • The secondary call to action is visible because it’s right next to the primary, but it fades into the background so it doesn’t compete for attention.

Cons:

  • This is another great example without any specific cons to discuss.

Pros:

  • Call to action button examples show us that good buttons are often colored red. As soon as this pop-up appears on the site, your eye is drawn to it.
  • You are hit with a discount right away. By letting your customers know they’re getting a good deal as soon as they open the site, you’re giving them encouragement to subscribe.
  • There are only three fields you need to fill out before reaching the button.

Cons:

  • The side picture doesn’t really contribute anything to the CTA and looks almost unnecessary.

Pros:

  • This is one of the best call to action buttons on charity: water’s page because it can be personalized to suit the user. Depending on how much money you have at your disposal, you can select a different option to donate.
  • The background is a good choice because it’s evocative and it shows you exactly what kind of people you’ll be helping if you click on the CTA.

Cons:

  • This button isn’t the main CTA on the site. It actually takes a few clicks to get to the page that lets you donate your money. For charity: water, this kind of approach works, but for a non-charity site where a purchase is the focus, it’s not a good idea.

Pros:

  • This is one of the better call to action button examples for a charity site. The psychology of color tells us that the color blue evokes a sense of trust, and the words “start lending” make it unique for this business because they are focused on lending money to disadvantaged people around the world.
  • The button is surrounded by a great copy text which further convinces you that clicking on the CTA button is a good idea.

Cons:

  • You have to scroll to get to the button. While you don’t have to scroll much, it still makes the CTA less prominent than it could be.

Pros:

  • The button in the upper right corner uses red to make the call to action text more visible.

Cons:

  • This might seem strange, but in this case, the fact that CTA isn’t very prominent isn’t a huge detriment. UNICEF wants you to understand the impact of your donation before you do anything else, so you are encouraged to explore the site first. Of course, this only works for charity organizations.

Pros:

  • Every word of the copy text is optimized to encourage conversions.
  • If you want your consumer to take action, button placement is very important, and this button is placed very prominently.
  • This is one of the best call to action examples for sales because it offers something for free. Consumers love things they don’t have to pay for, and it can encourage them to try your product and make a conversion in the future.

Cons:

  • Everything about this page is well-optimized.

Pros:

  • The red color stands out against the white background.
  • For a fitness site, seeing the before and after photos of people’s transformations can encourage conversions.

Cons:

  • You have to scroll to get to this button.
  • The copy text underneath the button is too long and not prominent enough.
  • The call to action taglines should be short – this one is full of completely unnecessary words that could have been easily reduced.

Pros:

  • The magenta color of the button is the perfect contrast to the pale blue-green of the site. Everything about it stands out against the background.
  • The taglines are concise and to the point, and the copy text underneath follows the same pattern.
  • The graphics on the side are well-drawn and the colors complement the button.
  • Sometimes, the best CTA button text is the kind that offers you something for free. A free trial button is good for conversions.

Cons:

  • There are no noticeable flaws with this CTA example.

Pros:

  • On this site, the tagline is the most prominent feature, and it works really well because it gives you a good reason to click on the call to action.
  • The whole CTA section is immediately visible when you open the webpage.
  • The button is integrated into the search button and this is a good example of the best performing CTAs for this type of sites.

Cons:

  • Given that Neil Patel is an expert in the SEO industry, the homepage is perfectly polished.

Pros:

  • The color scheme of Trello’s site is great. The blues and greens evoke reliability and increase brand trust.
  • The green of the button stands out nicely and it uses the word “free” to encourage sign-ups.

Cons:

  • The tagline is huge. This usually isn’t an issue, but sometimes big letters can look a little threatening to users.

Pros:

  • The best call to action buttons always stand out against the background. Here, both green and orange work perfectly for this purpose.
  • The design is big and easy to notice, and the tagline text is full of great action words.

Cons:

  • The color of the copy is an issue, as the thin white letters are a bit difficult to read.

Pros:

  • Steam uses an interesting color scheme – everything is a shade of blue, and yet the button still stands out against the background.
  • Besides a good call to action, graphics also play a big role in getting conversions. The animation on this site is interesting and it gives its users an example of what it’s like to play games through Steam.
  • The live counter above the button is also ingenious. It shows how many people are online, telling us we’ll be joining a big community if we join Steam.

Cons:

  • There are none. This is a well-designed site that stays true to the brand’s image.

Pros:

  • Wizards of the Coast utilizes a great tagline that reminds people of its game-making experience.
  • With a good video, call to action features can stand out even more. This video shows us a little bit about the history of the company and it can get people more interested in what this company has to offer.

Cons:

  • The taglines are just a little too big for this page.
  • The color of the buttons isn’t a perfect choice, as they don’t stand out enough against the background.

Pros:

  • EA updates their homepage periodically to keep up to date with the latest games. This makes their CTAs fresh and relevant. If you want to keep updating your page regularly, you can use a call to action button generator to try out different buttons for your page.
  • The “play now” text on the button creates a great sense of urgency.

Cons:

  • Given that you need special software to play EA games, it’s surprising that the “shop on Origin” button isn’t placed on the page a little more prominently.
  • The thin white letters of the copy text are hard to read.

Pros:

  • The colors on the site complement each other well.
  • Good call to action buttons are simple, and this one is a perfect size and works well with the form.
  • The part of the copy text that says “still on the fence?” followed by a secondary button is a good way to encourage uncertain customers and turn them into leads.
  • Celebrity endorsements at the bottom are also a way to encourage people to sign up.

Cons:

  • theSkimm is a great site that doesn’t have any noticeable flaws.

Pros:

  • The CTA button is a part of the search bar, and they are both placed in the middle of the page. Best call to action buttons are usually right where the users can see them when they open your page.
  • The tagline uses the word “you,” which is one of the most powerful words you can use in your copy if you want to encourage conversions.  

Cons:

  • The CTA button is in the middle, but the black color makes it less visible than it should.

Pros:

  • The design is uncomplicated and easy to navigate
  • The contrasting colors make the CTA button stand out.
  • The directional design of the arrow that’s pointing to the CTA is also a bonus.
  • The form field only requires an email address and nothing else before you can click on “sign up.”
  • The combination of a copy text and a tagline is an excellent marketing call to action that captures users’ attention from the get-go. It’s combined with a picture of Brian Dean, which makes it seem more personalized.

Cons:

  • Brian Dean is one of the biggest SEO experts around. His page really doesn’t have any real flaws.

Pros:

  • The big red button stands out against the black background.
  • The page is full of action phrases.
  • The tagline offers some impressive stats to draw in more conversions.

Cons:

  • This is a great site, but the background design could be a little more polished.

Pros:

  • As a rule, great call to action buttons work well with all the elements on the page. This one complements the background and the copy text, so it stands out easily.
  • Arrows aren’t the only way to do directional design – the gaze of the girl in this picture seems to be aimed up at the button, drawing more attention to it.
  • The size of both the taglines and the button is proper.

Cons:

  • The CTA is by no means bad, but the site could start performing better if more action words were added – for example, “Make my website now.”

Pros:

  • The color of the button matches the color of the company’s logo.
  • The CTA text works well for Pat Flynn’s business because it promises more insight into his secret to success.
  • The copy text seems very personal and approachable.

Cons:

  • The CTA button could be a little bigger.

Pros:

  • The CTA button uses a contrasting color to be more visible.
  • The “watch video” button is easy to see and doesn’t detract from the main CTA.
  • The images on the page also work to complement the colors of the CTA button.

Cons:

  • All the elements on this page work well with each other and there are no real cons.

Pros:

  • The white letters are clearly visible on the pink background.
  • The overall layout is polished and the image is attractive.
  • The sales call to action is unique to the site and “find your perfect soak” is an inviting way to present Lush’s bath products.

Cons:

  • The tagline is a bit awkward and seemingly nonsensical. While it’s good to be interesting and unique, your copy text should still make sense.

Pros:

  • Free, money off, one-time offer – these are all powerful words to pair with your CTA button. Here, you can see that the part of the tagline which lets you know how much you’ll be saving is the most prominent one.
  • If you want to prevent your customers from closing your pop-up by clicking “exit,” call to action needs to both draw their attention and offer them a quick alternative to resolve it. By only asking for an email address, ColourPop doesn’t waste their customers’ time.
  • The word “Done!” also works well for CTA – it reassures the visitor that this is a fast process.

Cons:

  • This is really a great pop-up. ColourPop did a good job and there are no cons.

Pros:

  • The orange color of the CTA button stands out against the light blue background.
  • The taglines and copy text do a good job of explaining what StackExchange is all about.

Cons:

  • The button is too small for this page.

Pros:

  • New Yorker has an effective CTA because it’s red, it’s large, and it’s in the middle of the page.
  • There are two buttons to match the two biggest offers from this company.
  • The taglines that promise a free bag with a purchase can also encourage people to click on the buttons. People love gifts.

Cons:

  • There are no cons here. This is one of the better landing page call to action examples.

Pros:

  • Telling your customers that there’s a limited time offer on your site is a great way to encourage conversions.
  • The color of the button is great because it’s a standout color on its own, and it also matches Bulletproof’s logo and the pictures of the product on the side.

Cons:

  • The button could be a little bigger, but this is a minor complaint.

Pros:

  • The call to action button design on this page is carefully thought out – the blue of both buttons contrasts the orange background well.
  • The design of the layout is cheerful and friendly. Something as simple as this can relax people and encourage them to click on the CTA.

Cons:

  • There’s nothing to complain about here, this is a great example.

Pros:

  • The background image chosen for this site is lovely.

Cons:

  • There is no CTA button anywhere in sight!
  • This is another example of a carousel image slider. While other slides do contain CTA buttons, the very first page you see doesn’t. This can be very confusing and frustrating to the visitors.

Pros:

  • The tagline is cheerful and it manages to catch the viewer’s attention.

Cons:

  • This isn’t one of the most creative call to action phrases. It’s a little vague and doesn’t tell the viewer where clicking the button will take them.
  • The size and color of the button are also problematic. They don’t stand out in any way.
  • The copy text is small and hard to read.

Pros:

  • While the background is animated and keeps changing, the button stays the same and doesn’t move. It also doesn’t use a standard call to action template text, but rather the original ”plan your visit.”
  • The tagline is evocative and very unique to The Met. 
  • Great call to action phrases are simple and should be specific to your business, and this one definitely is.

Cons:

  • While the CTA phrase is good, the button itself is almost invisible.