Simple. Affordable. Complete.

Creating Call to Actions (CTAs)

How to Create a Call-to-Action Button Using the Inbound Brew Plugin

A call-to-action (CTA) is a linked text image that prompts a customer to take action. This action could be anything from downloading a white paper, signing up for an email list or webinar, or getting a coupon. Call-to-action buttons can be placed anywhere on your website, an email, or in a blog post. Common text options on a CTA button often include:

  • Download for Free
  • Sign up Now
  • Subscribe to Our Newsletter

If you want to learn more about CTA buttons, this blog post is for you!

cta-managment

The call-to-action feature allows you to create custom CTA buttons that you can use anywhere on your WordPress site using a simple shortcode. When using the CTA tool, you can create unlimited customized buttons. Your options include a variety of different fonts, sizes, colors, borders, and button padding options.

To begin using this tool, click on “CTA” on the left-hand navigation bar. This will bring you to the CTA Management screen.

Create a New CTA

Select the “New CTA” button on the top left side of the page

Choose CTA Type

Custom button: Create a new, from scratch, custom button by using our CTA generator. Our tool will help you to create fantastic and professional looking buttons in no time.

  • Upload Image: If you already have a sharp looking CTA image you’d rather use, we approve! Go ahead and upload or select the image and attach an action, Viola! CTA magic!
  • From Template: Why reinvent the wheel? For your starting point, select one of your amazing CTA templates that you already put blood, sweat, and tears into perfecting.

Write Your CTA Button Text

In the first box, write your CTA button text. This will also be your CTA title.

Customize Your CTA Font and Text

Begin designing your CTA from the “Font/Text tab where you can customize your CTA:

  • Font size
  • Font family
  • Font color
  • Text shade
  • Icon: color and position

*If you would like your button to inherit a hover state when a user hovers over the button, check the “Create Hover State” to begin customizing the hover state

Customize Your CTA Background

Choose a background color for your button. You can either type in an HTML color code or you can use the gradient to find a color. The button size is automatically set but you can manually input or adjust the button padding

Once you are happy with the background, click “save settings” at the bottom of the page.

background-cta

Add a Border to Your CTA Button

If you’d like to add a border to your CTA, proceed right to the “Border” tab where you can customize the color, thickness, style, and radius of the border.

border

Enter a Link for Your CTA Button

Last, determine where you want your CTA to link to a web address or to one of your website pages. Make your selection in the Link to drop-down menu. If you choose to link to a web address, then simply put the address in the “Custom URL”

Save your CTA

When you are ready to finish creating your CTA, click on the “Save Settings” button to complete custom CTA. You will now be able to see your CTA in your CTA dashboard. You can change the name of the CTA by clicking the name of the CTA or pencil icon.

Ready to perfect the art of CTA buttons? Here are 8 tips for creating a CTA that beckons

Download Inbound Brew