--- title: Call to Action Widget Settings description: "Every landing page needs a spot that tells visitors what to do next. The free [Call to Action widget](https://master-addons.com/element/call-to-action/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds that block: a headline, a short line of supporting text, and a button, wrapped in…" url: "https://master-addons.com/docs/addons/call-to-action/" updated: "2026-09-15" category: Addons --- # Call to Action Widget Settings Every landing page needs a spot that tells visitors what to do next. The free [Call to Action widget](https://master-addons.com/element/call-to-action/) in [Master Addons for Elementor](https://master-addons.com/widgets-and-extensions/) builds that block: a headline, a short line of supporting text, and a button, wrapped in a styled box you can drop anywhere on the page. You type the message, set the button link, pick a layout preset, then color the background, title, and button to match your brand. This guide walks through every setting in the widget. ![Finished Elementor call to action block built with the Master Addons CTA widget showing a centered title, description, and Purchase Now button](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061225/cta-08-frontend-result.webp) ## What the Call to Action widget does The widget renders a self-contained CTA box with a title, a description, and a button, plus an icon on the Left Icon preset. A Style Preset dropdown changes the layout, from an icon on the left to a fully centered block, and the Style tab colors every part. It has three tabs. **Content** holds the text, the button label, the link, and the preset. **Style** controls the background, title, description, and button look. **Advanced** carries the usual Elementor spacing and visibility options. ## Before you start - **WordPress** with **Elementor** installed and active. - **Master Addons for Elementor** installed and active. New to the plugin? See the [installation guide](https://master-addons.com/docs/getting-started/installing-plugin/). - Your CTA copy and the destination URL for the button. ## How to add the Call to Action widget In the Elementor editor, open the **Elements** panel and search for **Call to Action**, or scroll to the Master Addons section (the widgets carry a purple MA badge). Drag it onto your page and it loads with a sample CTA ready to edit. ![Call to Action widget in the Elementor Elements panel being dragged onto the page](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061148/cta-01-cta-widget.webp) It starts with an icon, a title, a description, and a Purchase Now button, so you edit from a working block instead of a blank one. ![Default Master Addons Call to Action block with a bell icon, title, description, and a Purchase Now button](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061154/cta-02-cta-block.webp) ## Set the content and pick a preset Open the **Content** tab. The **Style Preset** dropdown sits at the top, followed by the text fields. ![Call to Action Content tab with the Style Preset dropdown open showing Default Style, Center Style, Quote Style, Quote Style 2, and Left Icon](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061159/cta-03-content-settings.webp) - **Style Preset:** Default Style, Center Style, Quote Style, Quote Style 2, and Left Icon. - **CTA Content:** the headline, with a Write with AI option. - **Description:** the supporting line under the title. - **Button Text:** the button label, like Purchase Now or Get Started. - **Call To Action URL:** where the button points. To make the whole box clickable, add the free [Wrapper Link](https://master-addons.com/extension/wrapper-link/) extension. ## Layout presets The preset changes how the block is arranged without touching your text. **Center Style** stacks the title, description, and button in the middle, a good fit for a full-width section. ![Call to Action widget using the Center Style preset with the title, description, and button centered](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061204/cta-04-style-presets.webp) The other presets shift the layout: Left Icon keeps the icon beside the text, Quote Style adds a thick accent bar on the left, and Quote Style 2 frames the text with borders on both sides. Try a couple, since the same copy reads differently once the layout changes. ## Style the block The **Style** tab breaks the widget into parts you can style on their own: **Presets Style**, **Title Style**, **Description Style**, and **Button Style**. If the free [Patterns](https://master-addons.com/extension/patterns/) extension is switched on, a **Patterns** section for decorative overlays appears in this tab too. ![Call to Action Style tab with Presets Style, Title Style, Description Style, Button Style, and Patterns sections](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061210/cta-05-style-tab.webp) The **Presets Style** section sets the box background. Switch Background Type between classic (a color or image) and gradient, then pick the colors. ![Call to Action Presets Style section with the background color picker open, applying a red background to the block](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061215/cta-06-background-color.webp) ## Style the button Open **Button Style** for the call to action button. It has **Normal** and **Hover** tabs, so you set a resting look and a hover look. ![Call to Action Button Style section with Normal and Hover tabs, background color, text color, width, padding, and border controls](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/07/01061220/cta-07-button-style.webp) - **Background Color and Text Color:** the button fill and label color, per state. - **Width and Padding:** the button size. - **Border Type and Border Radius:** an outline and rounded corners. - **Typography:** the button font. ## Common use cases - **Landing page CTAs** pushing a signup, demo, or purchase. - **End-of-post prompts** linking to a product or pricing page. - **Section banners** announcing an offer or launch. - **Sidebar or footer callouts** with a single clear action. - **In-article announcements** framed by the Quote presets. ## Tips for working with the Call to Action widget - **Lead with the benefit.** The title should say what the visitor gets, not just what to click. - **Keep the description short.** One or two lines is plenty above a button. - **Use one button.** A single clear action converts better than two competing ones. - **Contrast the button.** Make it stand out from the box background. - **Set a hover state.** A color shift on hover tells visitors the button is clickable. ## Watch the video tutorial Prefer to follow along on screen? The video tutorial below walks through the Call to Action element from start to finish, showing how each preset, background, and button option works in the Elementor editor. [How To Add Call To Action in Elementor Page Editor?](https://www.youtube.com/embed/DM8TkCw2gwo?feature=oembed) ## Frequently Asked Questions What is the Call to Action widget in Master Addons? It is a free Elementor widget that builds a CTA block with a title, description, and button inside a styled box. You choose a layout preset, set the button link, and color every part from the Elementor panel, with no custom code. What layout presets does the Call to Action widget include? Five: Default Style, Center Style, Quote Style, Quote Style 2, and Left Icon. Each rearranges the block, like centering everything or keeping the icon beside the text, without changing your title, description, or button. Can I add a background image to the CTA block? Yes. In the Style tab, open Presets Style and set Background Type to image instead of a solid color, then choose your image. You can also stick with a solid background color and style the title, description, and button separately. Can I make the whole box clickable? The button uses the Call To Action URL from the Content tab. The widget also has a Wrapper Link option, so you can link the entire box to a destination instead of only the button, which suits banner-style CTAs. Can I style the button hover state? Yes. Open Button Style in the Style tab and switch to the Hover tab. You can set a different background color, text color, width, padding, and border radius for hover, so the button reacts when a visitor moves over it. ## Wrapping up The Call to Action widget turns a headline, a line of text, and a button into a styled block that drives clicks. Write the message, pick a preset like Center Style, set the link, then color the background and button to match your page. For an overview and a comparison with Elementor Pro, see the [Elementor call to action widget](https://master-addons.com/element/call-to-action/) page. For related conversion widgets, see the [Pricing Table widget](https://master-addons.com/element/pricing-table/) and the [Info Box widget](https://master-addons.com/element/infobox/), browse the full [Master Addons widgets and extensions](https://master-addons.com/widgets-and-extensions/), and check the [pricing page](https://master-addons.com/pricing/) for what each plan includes.