Creative · Elementor
Pulsing Button widget for Elementor
A CTA with a pulse animation so it reads as the next action on a busy page.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
A CTA with a pulse animation so it reads as the next action on a busy page.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Pulsing Button”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Link”, “Text”, “Reverse Icon Position”, “Select Icon”. Style and Content tabs are listed on this page.
When to use it
- A limited offer.
- A form submit that needs attention.
- A sticky mobile CTA.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Button — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| Button — Text | Printed in the widget HTML from render(). |
| Button — Reverse Icon Position | Left / Right. |
| Button — Select Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Button — Space between icon and title (px) | Writes CSS (margin-right, margin-left) onto the widget’s front-end markup. (default 10, min 0). |
| Button — Button Horizontal Position | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Button — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (default 20, min 0). |
| Button — Transition duration for icon on hover (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0). |
| Button — Scale button on hover | Switcher inspector control (`kng_pulsing_button_scale_switcher`). |
| Button — Scale on hover | Writes CSS (king-addons-pulsing-button-button-wrap, transform) onto the widget’s front-end markup. (default 1.1, min 0). |
| Button — Button Effect | The chosen value is read in render() and applied on the front end. Options: None; Ripple. |
| Button — Ripple Color | Writes CSS (king-addons-pulsing-button-button-effect-ripple, border) onto the widget’s front-end markup. |
| Button — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-pulsing-button-button .king-addons-pulsing-button-text`. |
| Button — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Button — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Button (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Button (Normal) — Icon Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Button (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Button (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-pulsing-button-button`. |
| Button (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-pulsing-button-button`. |
| Button (Normal) — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Button (Hover) — Text Color | Writes CSS (king-addons-pulsing-button-button-wrap, color) onto the widget’s front-end markup. |
| Button (Hover) — Icon Color | Writes CSS (king-addons-pulsing-button-button-wrap, color, fill) onto the widget’s front-end markup. |
| Button (Hover) — Background Color | Writes CSS (king-addons-pulsing-button-button, background-color) onto the widget’s front-end markup. |
| Button (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-pulsing-button-button:hover`. |
| Button (Hover) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-pulsing-button-button:hover`. |
| Button (Hover) — Border Radius | Writes CSS (king-addons-pulsing-button-button, border-radius) onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Pulsing Button actually change on the page?
A CTA with a pulse animation so it reads as the next action on a busy page. Inspector labels from this widget’s PHP include “Link”, “Text”, “Reverse Icon Position”, “Select Icon”.
How do I add Pulsing Button in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Pulsing Button”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related creative widgets
Creative Button
A button with extra shapes and hover treatments beyond Elementor’s default button.
Auto-Scrolling Text
A CSS marquee for a short phrase or logo strip. Keep the text short; this is not a blog loop.
Styled Text Builder
One text block with per-span styling and motion, instead of several heading widgets.
Content Flip Box
A card that flips or hover-reveals a second face — icon/title on the front, detail on the back.
3D Holographic Card
A 3D card with holographic sheen, rim light, and parallax — one decorative object, not a post loop.
Magnetic Buttons
Buttons that ease toward the cursor on hover. Use on a few CTAs, not every link.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Pulsing Button after you activate it.