How to set up and style the Call to Action widget in Elementor.
Call to Action shows a small heading, a title, a description and a button inside a box with its own background. Use it at the end of a page or between sections to point visitors to one next step.
Part of: Bright Addons (free).
| Option | What it does |
|---|---|
| Layout | Stacked puts the button under the text. Text left, button right puts them side by side. |
| Small Heading | A short line shown above the title. |
| Title | The main headline. |
| Title Tag | The HTML tag used for the title. The default is H2. |
| Description | The text under the title. |
| Button Text | The button label. Leave it empty to hide the button. |
| Link | Where the button goes. It supports dynamic tags. |
| Button Icon | An optional icon shown after the button text. |
| Second Link Text | Optional text link next to the button. |
| Second Link | Where the second link goes. Shown once Second Link Text is filled in. |
| Alignment | Aligns the text and the button left, center or right, per device. |
Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
background (color, image or gradient), overlay color, min height, content max width, padding, border, border radius and box shadow.
color, typography and spacing for the small heading and title, color and typography for the description, and the color of the second link.
typography, normal and hover colors for text, background and border, border width, border radius and padding.
Yes. The Box section in the Style tab has a background control for a color, an image or a gradient, plus an Overlay Color.
The widget has one button and one optional text link. Fill in Second Link Text to show the link beside the button.
Set Layout to Text left, button right. On phones the button drops below the text.
Yes. Clear the Small Heading field and it is not shown. The same goes for the title and description.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide