A hero needs something bold. A pricing table needs something that feels premium on hover. A footer needs quiet, brand-colored social icons. Elementor’s core widget treats all three as the same object — so most builders either override it with custom CSS project after project, or give up and use one flat look everywhere.
An Elementor widget, not a theme
Your buttons all look the same because Elementor only gives you one.
The default button widget has one shape and one hover state, so every “Buy Now,” every social link, and every footer icon ends up styled with the same copy-pasted CSS. This widget replaces it with 7 button types, 7 real hover animations, a built-in popup, and links that dial a phone, open WhatsApp, or add to your WooCommerce cart — no Elementor Pro, no snippets.
Free forever · Works with the free version of Elementor · No jQuery, no external libraries
Every button on this panel comes from one widget — type, color, animation, and link are all set from the same Style tab.
Why this exists
You end up hand-coding the same 40 lines of CSS on every page.
One shape doesn't fit every section
A "Buy Now" button and a footer social icon aren't the same object wearing different colors — treating them as one widget means fighting the defaults on every page you build.
Hover states rarely go past a color change
A fill, a pulse, a flip on hover — these are what separate a page that feels considered from one that feels templated. The core widget stops at "slightly darker."
A popup usually means buying Elementor Pro
Elementor's own popup builder sits behind a paywall. A simple "here's a quick offer" modal shouldn't require an upgrade just to open on click.
WhatsApp, calls, and "Add to Cart" mean custom code
Linking straight to a pre-filled WhatsApp message, a phone dialer, or a WooCommerce cart usually means a snippet plugin, or hiring someone to write it.
What's inside
Seven button types. One widget in the panel
Every type shares the same Content and Style tabs — pick a type once, and only the controls that apply to it appear. Nothing left over to configure that you don’t need.
Gradient
A two-color gradient background with full control over both stops, for a modern, high-contrast call to action.
Best for hero sections
Animated
A solid-color button built around motion — pair it with Pulse Grow or Flip for a hover that actually holds attention.
Best for a single standout CTA
Icon
Icon and text together, or an icon-only circle — built on Elementor's own icon library or a custom SVG upload.
Best for compact toolbars
Outline
A minimal, transparent button with a colored border that fills solid on hover — no separate hover setting required.
Best for secondary actions
Floating Action
Pinned to a screen corner and always visible while the page scrolls — as a circle icon or a labeled pill, mobile-app style.
Best for a WhatsApp or chat trigger
Social Media
A row of circular icons for Facebook, Instagram, WhatsApp, X, LinkedIn, and YouTube, each in its brand color by default.
Best for headers and footers
Download / CTA
Ready-made presets for "Download PDF," "Buy Now," and "Subscribe" — the color and icon are already chosen for you.
Best for lead magnets
Setup
From install to a finished button in three steps.
Install and activate
Upload the plugin or install it from the WordPress.org directory. It works alongside the free version of Elementor — nothing else to install first.
Drag in the Advanced Button widget
It appears in the standard Elementor widget panel like any built-in element. No separate builder or settings page to learn.
Pick a type, then style it
Choose one of the seven button types, set its colors, animation, and link, and preview the result live in the editor.
Every detail is built in
Nothing here needs a second plugin.
- Seven hover animations — Slide Fill, Zoom, Pulse Grow, Glow Pulse, Icon Bounce, Shine Sweep, and Flip
- An optional tooltip that appears above any button on hover
- A built-in popup trigger — its own lightweight modal, not Elementor Pro's popup builder
- Dynamic links: a custom URL, a WooCommerce "Add to Cart," a phone call, a pre-filled WhatsApp message, or an email
- Separate Normal and Hover controls for background, text, and icon color
Button preview — Tooltip enabled
Popup Trigger
Link Type
Hover Animation
Enabled
WhatsApp Message
Pulse Grow
Give every button on your site a job to do.
Install it free, drag it onto any page, and replace the default button one section at a time.
- No Elementor Pro required
- GPLv2 open source
- No jQuery, no external libraries
- Works with WooCommerce