How to Create a Compelling Call to Action That Gets Clicked (in 3 Steps)

Last Updated on January 27, 2023 by 12 Comments

How to Create a Compelling Call to Action That Gets Clicked (in 3 Steps)
Blog / Divi Resources / How to Create a Compelling Call to Action That Gets Clicked (in 3 Steps)

A Call To Action (CTA) is an element in your content that encourages the reader to do something, such as subscribe to a newsletter or click a link to a product page. If presented properly, it can be the gateway to increased user engagement, sales conversions, and more.

This article will explain why you need a CTA, and why itโ€™s important you get it right. Weโ€™ll then reveal the three steps you can take to create a compelling CTA that gets clicked. Whatโ€™s more,ย weโ€™ll then show you how to style an amazing CTA using the Divi Call To Action module.

Letโ€™s get started!

What a Call to Action is (and Why Itโ€™s Important)

A CTA is, in the most literal terms, a request for someone to do something. Whether itโ€™s a button on a sales page, a link in an email, or a prompt on a printed flyer, it is an instance where youย encourage the readerย to take action:

Crazy Egg homepage

In the current climate, where a huge percentage of marketing efforts are conducted via online channels, CTAs are everywhere. They can also cover a vastย range of actions, including making a purchase, subscribing to a newsletter, or simply clicking through to a page with more information.

With so many sitesย persuading people to take so many differentย actions, itโ€™s importantย your CTA stands out and convinces people to click. The consequences of a bland and uninteresting CTA isnโ€™t simply felt once. The accumulative effect of a poor example can be disastrous for your bottom line.

How to Define Your Target Audience

Before you beginย persuading your audience, itโ€™s important to be clear onย who youโ€™re talking to. Making sure youโ€™ve nailed down your target audience is a key stepย before tacking any marketing element, particularly your CTA. Ideally, youโ€™ll want to create a fairly comprehensive description ofย your target, including demographics and psychographics. By doing this, youโ€™ll have someone specificย in mind that youโ€™re speaking to when creatingย your CTA.

Theย example below is clearly targeting women who want to lose weight, and offers a weight loss plan in exchange for an email address. Even theย second clickable button at the bottom plays directly to the target audience by offering โ€œNo thanks, I donโ€™t want to lose weightโ€ as the only alternative:

A Women's Health email subscription popup

How you define your target audience will depend heavily on what your website is for, and what your CTA is persuading people to do. However, hereโ€™s some general advice to get started with:

  1. Your existing customers.ย Take a look at the demographics and psychographics of your existing visitors, and find out why they are using your product or service.
  2. Your competitorsโ€™ customers.ย If possible, investigate who your competitors are targeting and how they are doing it.
  3. The benefits of your product or service.ย Analyze the benefits that you can provide through your product or service, and identify who it might be useful to.

This is an important topic for any aspect of business, and thankfully,ย there are many great resourcesย available to help you identify the target audience youโ€™re trying to persuade.

How to Create a Compelling Call to Action That Gets Clicked (in 3 Steps)

Now weโ€™re clear on why you need a compelling CTA โ€“ and who youโ€™re targeting โ€“ letโ€™sย look at the three steps that will take you from marketing also-ran to CTA gold medallist.

Step #1: Write Compelling Copy

In an ideal world, anyone who views your CTA will be instantly compelled to click it. In order to get as high a click-through rate as possible, itโ€™s imperative your preceding text and button copy do their utmost to persuade the reader.

Theย exampleย below appearsย as a blogย exit pop-up. It is targeted specifically to the ideal reader of the post and speaks directly to them. It uses lots of actionable language such as the wordsย โ€œlearnโ€ and โ€œwatchโ€. The simple addition of an exclamation mark at the end of the CTA alsoย adds a sense of urgency to the button copy. Finally, the alternative action at the bottom takes a joking, sarcastic approach. After all, who doesnโ€™t want more traffic?

A Neil Patel webinar popup

Here are some pointers for helping to give the reader the nudge they need:

  • Speak to your target audience. Make sure you offer information your target audience cares about, and you use language that resonates with them.
  • Use actionable language. Thisย can help to kick people into gear and compel them to click.
  • Be specific and keep it simple. A complicated CTA could leave the reader confused and less likely to click. Keep it simple, and be specific and explicit so the reader knows exactly why they are clicking.
  • Create a sense of urgency. Using words like โ€œtodayโ€ and โ€œnowโ€ canย help toย urge an undecided readerย to click immediately.
  • Consider a playful approach. You donโ€™t have to stick to the standard โ€œClick below to subscribeโ€ text or โ€œBuyโ€ย button copy. You can make it quirky, playful,ย or funny, depending on your targetย audience.

Ultimately, your text and button copy should give the reader enough information to know if they want to click, as well as a little nudge to compel them to do so.

Step #2: Make Your CTA Stand Out

Of course, no matter how persuasive your copy is, itโ€™s all for naughtย if nobody reads it. To create a clickable CTA, you have to make sure the reader firstly sees it, then identifies it as something that requires action on their part.

The CTA belowย is another example of an exit pop-up requesting the visitor to sign up to a webinar. The bright orange color of theย clickable button contrasts with the rest of the pop-up. This causes the button to stand out, making it very clear where the reader is supposed to click. The inclusion of a profile pictureย in this CTA also helps to grab attention, and adds a personal touch:

A Search Engine Journal webinar pop-up

Here are some tips for making sure your CTA gets noticed:

  • Make sure itโ€™s in the right location:ย Your CTA must be placed soย that the reader is guided towards it and doesnโ€™t miss it.
  • Use contrasting colors: Using a contrasting or bright color for your clickableย button or text is a simple way to make sure it grabs the viewerโ€™s attention.
  • Stick to one CTA only: Having multiple CTAs on one page can be confusing. However, donโ€™t be afraid to repeat the sameย one more than once.
  • Make it look like a real button: Making the clickable sectionย look like a real button can ensure the reader knows exactlyย where to click.

Now youโ€™ve written the perfect copy and created a CTA that stands out, itโ€™s time to see how it stands up to testing.

Step #3: Test and Refine Your CTA

Youโ€™ve created an incredible CTA, but the work isnโ€™t over just yet. Testing various design components can ensure you get the most bang for your buck. Even if you think you have crafted the perfect design and copy, thereโ€™s probably still room for improvement.ย  To determine if you should make changes (and which changes you should make), you shouldย test different versions of your CTA.

A/B split testing is ideal for this type of scenario.ย  If youโ€™re a Divi user, you can use our own Divi Leadsย โ€“ an A/B testing and conversion optimization tool built into the Divi Builder:

The Divi Leads homepage showing screenshots of it in action

This tool enables you to set any module (including the Call To Action module), row, or section as the individual goal for your test. We also have a full tutorial to help you determine the statistical significance of your tests.

If youโ€™re not using Divi, there are other services you can utilize to conduct your A/B split testing. However, regardless of the solution you choose, make sure youโ€™reย not harming your Search Engine Optimization (SEO).

How to Create a Call to Action in Divi

The Divi Call To Action module has everything you need to create a compelling and highly clickable CTA. It offers a vast range of customization options, so you can tailor the background, copy, and button to make sure your design is bothย unique and persuasive:

A Divi Call To Action module example

When youโ€™ve decided on the placement for your Call To Action module, click on Insert Module(s) in your desired location:

The Divi Builder with the Insert Module(s) button highlighted

In the resulting pop-up, select Call To Action:

The Insert Module screen with the Call To Action module highlighted

Youโ€™ll be taken to theย General Settings tab, where you can add your text and make some basic appearance adjustments:

The Call To Action module General Settings tab

In the Advanced Design Settings tab, youโ€™ll find lots more options for adjusting the text, button, and background:

The Call To Action module Advanced Design Settings tab

Divi offers you almost everything youโ€™ll need to begin creating captivating, magnetic, and compelling CTAโ€™s. Nowย all thatโ€™s left is to start generatingย conversions!

Conclusion

A well crafted CTA will grab your viewersโ€™ attention and compel them click for more. However, designing one that engages and persuades is not as simple as it might sound.

That being said, it is possible for you to create aย high-performing CTA, particularly with Diviโ€™sย Call To Action module and built-inย Divi Leadsย tool. In this article, weโ€™ve outlined the three key steps you need to take to optimize your CTA. Letโ€™s recap them quickly:

  1. Write compelling copy.
  2. Make your CTA stand out.
  3. Test and refine your CTA.

Do you have any questions about creating a highly clickable CTA? Let us know in the comments section below, and donโ€™t forget to subscribe so you can follow the conversation!

Article thumbnail image by Oleksandr Yuhlchek / shutterstock.com.

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! ๐Ÿ‘‡

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow ๐Ÿ‘‡

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How ๐Ÿ‘‡

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Produce Farm Layout Pack For Divi

Get a Free Produce Farm Layout Pack For Divi

Posted on April 29, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Produce Farm Layout Pack thatโ€™ll help you get your next produce farm...

View Full Post
Divi Layouts AI: The Complete Guide

Divi Layouts AI: The Complete Guide

Posted on April 28, 2024 in Divi Resources

Before the artificial intelligence (AI) revolution started, building a webpage required coding skills or hiring an expensive developer. For some, that has typically been out of reach due to a lack of experience or budget. That has all changed thanks to new technology that allows you to build entire...

View Full Post
Divi Product Highlight: DiviGrid

Divi Product Highlight: DiviGrid

Posted on April 27, 2024 in Divi Resources

DiviGrid is a plugin that adds 30+ new modules to the Divi Builder. With these additional modules, you can build complex layouts to showcase your content in interesting ways. This plugin includes several plugins that make it easy to display content in a grid, ideal for showcasing features,...

View Full Post

12 Comments

  1. Awesome tips John! A creative CTA will surely capture more attention. Thanks for sharing these cool examples.

    • Thanks for reading and commenting, Emmerey!

  2. I haven’t tried it yet, but I’m really looking forward to trying out the built in split testing. This is a really awesome feature that eliminates the need of tools like Optimizely, etc.

    • Make sure you let us know how you get on, James. Drop us an email with your feedback!

  3. Hi,

    Do you know if there is any plugin that helps create fancy CTA buttons? I’ve seen beautiful buttons in other websites and I don’t know how to create them.

    Some researches say that buttons have higher CTA than just text-links.

    Thanks.

    • Thanks for the link!

  4. Is there a tut where it shows how to to one with a submission field in Divi?

    Like the two first samples above?

  5. Great article John! It would probably be useful for readers if you could include how Bloom or another email capture plugin would help, since Divi’s CTA module doesn’t have that. A lot of your examples did have an email capture location.

    Thanks for another great article! As a marketer, I definitely approve it.

    • No problem, Jacob. Bloom wasn’t a focus for this piece, but we’ll bear it in mind for future articles!

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today