Call to Action Shortcode

Updated on January 11, 2018

Call to Action shortcode is one of the shortcodes available in the Ken theme which you can take advantage of. To see a live demo of this feature please click here.

Ken Call to Action Demo 3-call to action shortcode

In this article, we will explain how to display the Call to Action shortcode and configure the settings.


Displaying a Call to Action Shortcode

To add the Call to Action shortcode to a page or post, follow the steps below:

1Add or edit an existing page.
2In the Visual Composer section, click on the + button.

call to action shortcode

3In the Add Element pop-up screen, search for Call to Action and click on it to be added to the page.

call to action shortcode

4When the shortcode is added, a new pop-up screen called Call to Action Settings will open. Configure the settings as required.

call to action shortcode

5Click on Save Changes and publish or update the page to check the result.

Configuring the Call to Action Shortcode Settings

After you add this shortcode, a pop-up window will appear in which you can adjust the options before adding it to the page. The following is a detailed description of each option for this shortcode:

Setting Description

Box StyleUse this option to set the style of the call to action box. Available options are Default and Custom.
Layout StyleUse this option to set the layout style of this shortcode. Available options are Expanded and Centered.
Box Border WidthUse this option to set the thickness of the border of the call to action box.
Button Border WidthUse this option to set the thickness of the border of the call to action button.
Box Background ColorUse this option to set the background color of the call to action box.
Box Border ColorUse this option to set the color of the call to action box border.
Text ColorUse this option to set the color of the call to action description text.
Font SizeUse this option to set the font size of the call to action description text.
Font WeightUse this option to set the font weight of the call to action description text. Available options are Default, Semi Bold, Bold, Bolder, Normal and Light.
Text TransformUse this option to set the call to action description text case. Available options are Default, None, Uppercase, Lowercase and Capitalize.
Content TextUse this option to add a description text to this shortcode.
Button TextUse this option to add the text of the button. If you don’t want to have a button for the shortcode, keep this option blank.
Button StyleUse this option to set the style of the button. Available options are Outline and Flat.
Button SkinUse this option to set the background color for the button.
Hover State SkinUse this option to set the text and icon color for the button on mouseover.

Extra Class Name

This is an option which is common amongst most shortcodes. If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in the Custom CSS settings inside Theme Settings -> Custom CSS.

Did this answer your question?