Skip to main content

How to Add a Call To Action

In this tutorial you are going to learn how to add and customize a Call To Action (CTA) element in your project.

Written by Enrique

A Call To Action can be used to encourage your readers to take a specific action, such as visiting your website, signing up for an offer, or learning more about a product or service.

1. Add the Call To Action Element

From the Elements section, drag and drop the Call To Action element onto the desired location on the page.

If there is not enough space available on the current page, the CTA element will automatically move to the next page.

2. Change the Heading

Click inside the heading and select the existing text.

Type or paste your new heading.

To change the font, size, color, or other text settings, use the options in the Text Style section of the Inspector tab.

3. Change the Paragraph Text

Click inside the paragraph and replace the existing text with your own message.

You can also change the font, size, color, and other text settings from the Text Style section of the Inspector tab.

4. Change the Button Text

Click inside the button text, select the existing text, and type your new Call To Action.

5. Change the Button Color

Select the button and open the Background section.

Click Color to open the color palette, select the color you want, and click Choose.

Select the button and click the Pencil icon in the toolbar.

Enter the complete URL in the Webpage URL field and click OK.

7. Change the CTA Background Color

Select the main Call To Action container.

Open the Background section in the Inspector tab and click Color.

Select your new background color and click Choose.

8. Add a Background Image

You can also use an image as the background of your CTA.

Select the main Call To Action container and open the Background section in the Inspector tab.

Click Background Image, then select Add Background.

The Images section will open. Find the image you want to use and click on it to add it as the CTA background.

You can replace the background image at any time by repeating the same steps.

Final Note

The Call To Action element contains several individual elements inside the main container. If you do not need the heading, paragraph, or another text element, you do not need to delete its container. Simply select the text inside that element and delete it.

Did this answer your question?