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'.
6. Adding a Hyperlink to the Button
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.