Skip to main content
All CollectionsTutorials
How to Add a Call To Action
How to Add a Call To Action

In this tutorial you will learn how to use the 'Call To Action' (CTA) and the 'Inline CTA' elements.

Enrique avatar
Written by Enrique
Updated over 2 years ago

1. Adding the Call To Action Element to a Page 

From the 'Elements' section, Drag and drop the 'Call To Action' element to any page. If the space on the page is smaller in pixel height than the height of the CTA element, the element will automatically load on the next page.

If you want it moved back to the previous page, try deleting a few lines from the paragraph to decrease the height of the element. Then using the up arrow key move the container to the previous page.

2. Changing the Heading

To change the title in the heading select all the content inside that element.

Type in your title. If you want to change the font size of the title use the font size box found in the the 'Text Style' section inside the 'Inspector' tab.

3. Changing the Paragraph Content 

Same as in the heading element. Select all the content and type in your message. If you need to change the font type, color, or size, proceed as above and do the changes from the 'Text Style' section inside the 'Inspector' tab.

4. Changing the Button Text

Select the content and type your button CTA text.

5. Changing the Button Color

Select the button by clicking on it and navigate to the 'Background' section in the Inspector tab. Click on 'Color' to open the color palette, select your button color you want and click on 'Choose'.

Select the button and click on the Pencil icon in the toolbar. In the 'Webpage url' field enter your URL, then click “OK” to close it.

7. Changing the Main Container Color

To change the background container color, select the main 'Call To Action' container.

Same as we did in step 5,  navigate to the 'Background' section in the Inspector tab. Click on 'Color' to open the color palette, select your background color and click on 'Choose'.

8. Centering the CTA Elements

Before you publish to PDF you need to do a final arrangement to center all your 'Call To Action' elements. Start by selecting the 'Container' where all the CTA elements reside. Click on the pencil icon to open the toolbar.

Then click on the Align Center icon to have all the elements inside the CTA container centered. That's it, your call to action is ready. 

Final Notes

Note that at no time we have deleted any container inside the 'Call To Action' element. If for any reason you don't need one of the elements inside the CTA box, simply highlight the text inside that container and use the backspace key to delete it.  

Adding the INLINE CTA

While the 'Call To Action' element described above is commonly added at the end of your ebook or lead magnet, the 'Inline CTA' element allows you to add call to actions throughout your ebook. 

To add the 'Inline CTA' to our project, just drag and drop the element to the desired location on the page. 

The text in this container can be changed  and hyperlinked as needed  If you want to change the font type, color or size, do the changes from the 'Text Style' section inside the 'Inspector' tab. The background color  can be changed from the 'Background' section in the Inspector tab as described above.

Did this answer your question?