In this Quick Win Clinic, Flint McGlaughlin optimizes a webpage that provides marriage counseling. The CTA is in a prominent position but fails to achieve

If you’re looking for some examples of quality CSS buttons, this post is where you should start. We’ve organized 10 unique CSS button collections and snippets from CodePen which you can study and clone for your own web projects.

The visual cues did impact how much a user pays attention to the form.

• The hand-drawn arrow resulted in the longest amount of time on the form.
• The human looking away from the form resulted in the shortest.

So, while every site is different, here’s some empirical data that says you should perhaps test hand-drawn directional objects (e.g. an arrow) for guiding the attention of users.

Also, if you use an image of a human as a visual cue, have this person looking in the direction of the CTA or key feature. The human looking away was the worst in terms of fixation time.

"Here are 7 tips to help you create CTA buttons that get clicked and bring you more conversions than ever.
1. Define the action you want your visitors to take
2. Craft your CTA button copy
3. Create a sense of urgency
4. Don’t forget about legibility
5. Make it large and bright
6. Choose the right color
7. Pick the right spot"

1. Customize CTAs for each platform
2. Use actionable language
3. Have a clear value proposition
4. Be consistent with your tone
5. Forget the jargon
6. Lead into it
7. Tap into human emotion
8. Make it easy for the reader
9. Align CTA copy with landing page copy
10. Make it easy for your followers to get in touch
11. Test different CTAs
12. Be a call to action, not a whisper
13. Use ‘you’ and ‘your’

Top of the Funnel
At this early evaluation stage, marketers typically use long form blog content to grab referral and organic traffic and introduce a brand to the audience. Other types of content at this stage include:

• eBooks and white papers
• Reports
• Infographics

 

Middle of the Funnel
At this stage, it’s not uncommon to use email marketing, segmented by audience and intent, to build a relationship with the audience. Other types of content for the evaluation stage include:

• Comparison white papers
• Expert guides
• Live interactions including webinars

 

Bottom of the Funnel
At this phase, you want to leverage content that persuades your audience to make a purchase. This can include:

• Trial downloads
• Demos
• Infographics
• Product literature or buyer guides
• Further case studies

Lead to the button with benefits
Drive more leads by offering your unique selling point. When a customer clicks on your CTA button, they should know why it will benefit them. Start with a confident headline on the page that conveys a key value you offer, and support it with a subhead that explains it. Follow with clear button copy that encourages users to claim these benefits.

If you’re like everyone else – boring and wordy – you won’t get your customers to pay attention or even to think about clicking your CTA. Add personality, emotions and enthusiasm to help draw in customers.