Untitled design 5

To use the WordPress Call widget, ensure it’s enabled in the Widgets Bundle dashboard at Plugins Widgets. The Call to Action widget can be inserted into any theme widget area at AppearanceWidgets or any page or post using Page Builder.

Once the Call to Action widget has been inserted into your theme widget area or page/post using Page Builder, hover over it and click the Edit link to begin. You’ll find the following fields available:

Insert a title for the call to action.

Insert a subtitle for the call to action.

Next, you’ll see two main sections, each contains a list of settings and sub-sections:

  • Design
  • Button


Background color
Select a background color for the call to action.

Border color
Select a border color for the call to action.

Button align
The call to action includes a button, choose to align the button right or left.


Button text:
Enter the call to action button text.

Destination URL
Enter the button destination URL/link. You can also use the Select Content button on the right to select existing content in your WordPress installation.

Open in a new window
Enable to open the button link in a new window.


This section controls the call to action button icon.

Use the Choose Icon button to select an icon from one of the icon libraries available. Once an icon is selected you can click it again to deselect it.

Icon color
Select the icon color.

Image icon
Use the Choose Media button to select a custom icon from your media library or use the Image Search button to search for images on Pixabay.

Design and layout

This section controls the call to action button design and layout.

Enter a width for the button or leave blank to let the button resize according to the content.

Button Theme
Select the button design theme, choose between Atom (rounded), Flat or Wire.

Button color
Select the button background color.

Text color
Select the button text color.

Use hover effects
Enable to use hover effects. For the Atom and Flat themes, hover effects will lighten the background slightly, for the Wire theme, the background will be added on hover.

Font Size
Set the button font size. Choose between Normal, Medium, Large or Extra Large.

Set the button corner rounding. Defaults to Slightly rounded. Choose between None, Slightly rounded, Very rounded or Completely rounded.

Padding is the distance between the text and the edge of the button. Defaults to Medium. Choose between Low, Medium, High or Very high.

Other attributes and SEO

This section controls the call to action button other attributes and SEO. Optional fields that some users will find useful.

Button ID
An ID attribute allows you to target this button in JavaScript.

Title attribute
Adds a title attribute to the button link.

Run this JavaScript when the button is clicked. Ideal for tracking.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.