Whether you’re optimizing your website, heading into a redesign project or want to increase your conversion, CTAs are integral in helping you achieve your goals.
Take a look at our top 7 CTA examples, and don’t forget to download our comprehensive guide on how to make your own high-converting CTAs.
This fulfills all requirements for an effective CTA. A green button that simply reads “Sign up for GitHub”, and is large enough to be clearly noticeable while not obnoxiously so. The copy to the left of the CTA is a no-nonsense description of what GitHub is, and suggests a reputable service since it already has a community of 36 million developers using it.
It also has a secondary CTA lower on the page for people who may be interested in GitHub Enterprise, but there will be fewer of those which is why it takes a backseat in terms of placement priority compared to the first CTA.
SugarCRM is one of the lesser-known CRM systems out there, with fierce competition from companies such as Salesforce, Microsoft Dynamics, Oracle, and more. However, its landing page and CTAs are still top-notch.
Its CTA, coloured bright orange, pops against its dark grey background. It reads “Free Trial”, promising a low-friction, low barrier to entry experience and the ability to back out should you decide that you don’t like the product. The copy, especially the headline are concise and tell you exactly what it does. This CTA is especially impressive considering it’s a rather small button but still manages to draw your attention very well.
Chanty is a team collaboration platform, with its biggest competitor being industry giant Slack. Although they have a decent user base already, no one wants to be losing out on potential conversion from lazy CTA design.
In this regard, you can tell Chanty’s definitely done their research. Their simple, green CTA pops against the interface, with lots of white space around it to make it stand out. It also contrasts well with the other buttons and icons that are blue, without being too jarring to look at. And as always, the mention of “free” incorporated in the copy is a good way to ease visitors into the signup process.
Spotify’s landing page is incredibly clean, with just 3 sentences of copy and one CTA. Their copy above the CTA is straight to the point, explaining the benefits, and emphasizes its free model. A green, inviting CTA reiterates its free aspect.
While this may work for Spotify, keep in mind that this is a very specific case. Depending on your product or industry, it will probably take more information than this to draw people to click on the CTA. Unless your product is extremely self-explanatory with regard to what functions it performs and what benefits it can provide, you’ll want to have a bit more copy.
Sleeknote is a service that allows you to create a custom, unobtrusive popup on a website without disrupting the user experience. Their two CTAs, which are presented front and centre on the landing page, also follow this principle. The primary one reads “Start a 7 Day Free Trial” and is highlighted in purple, following the rest of their website branding. This is the one that they ideally want to direct people towards, hence the colouring compared to the “Learn More” button, which is clear.
The 7 examples above are a small excerpt from our free guide, the ABCs of CTAs; Everything you need to know about Calls to Action.
This comprehensive guide about CTAs includes a breakdown of what exactly they’re comprised of and most importantly—how to create CTAs that will convert.
You’ll learn about all the best practices for design, such as the colours you should choose, the optimal size and ideal placement on the page. Also, discover which words you should use for CTA copy, and which ones you need to avoid.
To grab your copy, simply fill out the form below, and we’ll send it to your email.