CTA Button Examples
Use these CTA button examples to help you improve the conversion rate on your website. The primary call to action on your website should the button that sells or urges people to sign up may not be doing it’s job as well as it could.
Top 5 CTA Button Examples
Be Personal and Active
This first CTA button example is about avoiding generic labelling such as “Submit”, “Sign up” or “Subscribe”. These terms can make the make your button merge into the general noise of information on your page. These are so ubiquitous now you need to make them personal and active. Some good examples are “Give me access” or “Send me updates”.
Both of these refer to the reader as ‘me’ - so first-person language and are active ‘give’ and ‘send’. Look at the below examples. Both are active in their language using action words and make it personal to the user.
![\"First](\"https://images.squarespace-cdn.com/content/v1/54e2e895e4b0ef0a3e468629/1444359928938-AVQWGRZ6KP8HUGP10DZB/First+example+of+button+using+active+and+personal+language\")
2. Positioning
Your button needs to be located very close to the ‘list of benefits’ or similar content. If you’re selling a product, make sure the button is positioned in a prime position near the image or key feature list. The examples below place the call to action in a prominent position that can’t be missed.
![\"Example](\"https://images.squarespace-cdn.com/content/v1/54e2e895e4b0ef0a3e468629/1444377673047-WGKZLXFSCRJNE7OH2L2T/Example+button+no+3+-+positioning%21\")
While a lot of advice will state that it needs to be above your page fold, this is nearly impossible to control across all platforms and devices, so the positioning is all about connecting directly to the flow of the page in a prominent position.
For example;
Features leads to benefits > insert your large CTA button > leads to proof > insert another large CTA button > .... and so on and so on. Don’t rely on one button on the page; make it dominant and connected to the key points of your proposition.
Include the benefit
Refer to what it is they’ll be getting as part of the button. Language that says exactly what they will get is compelling. For example “Make me a better marketer.” Look at the below examples. Both are very different approaches but they both make the benefit to the person very clear.
![\"Example](\"https://images.squarespace-cdn.com/content/v1/54e2e895e4b0ef0a3e468629/1444377845105-DVQMT06OY778R6XF2F60/Example+button+no+5+-+what%27s+the+benefit%21\")
Colour matters
Make sure that the button is the most dominant colour on the page. Try the following. Quickly glance over each of these examples and notice where you eye is drawn… to the button right? Simple principle but very effective.
![\"Example](\"https://images.squarespace-cdn.com/content/v1/54e2e895e4b0ef0a3e468629/1444377940596-A372BRTEPU0TL8P3SQ31/Example+button+no+8+-+colour+that+stands+out%21\")
Use the power of options
You can nudge people towards clicking your button when you provide them options. If you make the second option unattractive, then they will be more likely to sign-up for your positive option.
For example, Yes, tell me how to be a better marketer" OR "No, I’m ok with my current skill level".
Here’s an example. You want to make sure you don’t go too far and make your alternative completely negative - it's a fine line, but try and make it a status quo versus positive new state.
Additional tips
- always make the button bigger!
- make it look like a button - not like another call out tile or highlight
- if relevant put your privacy link near the button to show credibility.
Let me know how you get on with your challenge. Good luck!
Why not take the following challenge and see if you can improve your sales, signups or registrations?
The CTA Button Example Challenge
- Benchmark your current conversion rate on your primary call to action button's
- Read through the above CTA button examples and make some of the suggested changes to optimise your button
- Check back in a week or two and see if your conversions have improved.
ps. a good tool to use to track these analytics is Google Analytics and it's free;)
If you're interested in more usability and conversion tips read our article on what you can website conversion lesssions Ebay can teach you.
