Call to Action

Learn to use a Call to Action on your landing pages to encourage your website visitors to open a separate page, purchase an offer, and more.

In this article:


Add and Remove a Call To Action block

To add a Call To Action block:

  • In the sidebar, select Add Content.
  • From the list, select Call To Action.
  • Your newly created Call To Action block will generate at the bottom of the section.
  • Click Save to keep your changes:

Add CTA Block

To remove a Call To Action:

  • In your Page, hover over the existing Call To Action and click Edit.
  • In the sidebar, scroll to the bottom to click Delete This Block.
  • Click Save to keep your changes:

Customize your Call To Action block:

In a Call To Action block, configure the width of the block, the text displayed on the button, and select the button action. Customize the appearance of the button by changing the color, width, style, size, and border radius.

Block Width

  • In your Page, hover over the existing Call To Action you want to edit and click Edit.
  • Navigate to the sidebar and select the number of columns to adjust the width of the Call To Action block:

    CTA Block Width

Button Action

The Call to Action (CTA) button can be used to:

  • Lead a visitor to a custom Landing Page
  • Lead to a sale by going to a Checkout Page
  • Encourage your audience to download a file
  • Lead to any website page with a URL link
  • Open a Two-Step Optin Popup
  • And act as an anchor link to lead to a section of the page

Button Width

CTA Button Width

Button Style

CTA Button Style

Button Size

CTA Button Size

Border Radius

Adjust the appearance of the border of your Call to Action button to appear more rounded or squared.

CTA Border Radius


Block Settings

To adjust the look and feel of the Call To Action block, configure your Block Settings by customizing the Background, Desktop and Mobile Layout, Animations, and Time Reveal.

Configure your Block Settings:

  • Hover over the block you want to customize and click Edit.
  • Configure your Block Settings in the sidebar.
  • Click Save to keep your changes:

CTA Block Settings

Background

Select a background color, adjust the Border radius to create a rounded or squared border, and select the Box Shadow size.

Desktop Layout

Configure the layout of the Block displayed on a Desktop device. Hide the block, adjust the Text Alignment, customize the padding inside and outside the Block, remove the padding altogether, and adjust the placement of the block.

Mobile Layout

Configure the layout of the Block displayed on a Mobile device by choosing to hide or display the block, and customize the padding inside and outside the Block.

Animations

Create visual effects by configuring the animations settings for the block. Select the type, direction, delay, and duration of your animation.

Time Reveal

The Time Reveal setting allows you to offset the time before the content in a block is revealed after your visitor enters the page.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Previous Article

Blog Post

Next Article

Countdown

Need Help? Chat With Us Now!