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 Style Use this option to set the style of the call to action box. Available options are Default and Custom.
Layout Style Use this option to set the layout style of this shortcode. Available options are Expanded and Centered.
Box Border Width Use this option to set the thickness of the border of the call to action box.
Button Border Width Use this option to set the thickness of the border of the call to action button.
Box Background Color Use this option to set the background color of the call to action box.
Box Border Color Use this option to set the color of the call to action box border.
Text Color Use this option to set the color of the call to action description text.
Font Size Use this option to set the font size of the call to action description text.
Font Weight Use 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 Transform Use this option to set the call to action description text case. Available options are Default, None, Uppercase, Lowercase and Capitalize.
Content Text Use this option to add a description text to this shortcode.
Button Text Use 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 Style Use this option to set the style of the button. Available options are Outline and Flat.
Button Skin Use this option to set the background color for the button.
Hover State Skin Use 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?