Description
Advanced Buttons for Elementor, by CareSort Solutions, adds a single powerful “Advanced Button” widget to the Elementor page builder — fully compatible with the free version of Elementor (no Elementor Pro required).
Button Types
- Gradient Buttons — modern two-color gradient look.
- Animated Buttons — solid color background with a strong hover motion effect.
- Icon Buttons — icon + text, or icon-only circular buttons.
- Outline Buttons — minimal transparent-background style with a colored border that fills with color on hover.
- Floating Action Buttons (FAB) — a fixed, always-visible button (mobile-app style) pinned to a screen corner, as a circle or a pill with a label.
- Social Media Buttons — a group of circular icons (Facebook, Instagram, WhatsApp, X/Twitter, LinkedIn, YouTube) with brand colors.
- Download / CTA Buttons — ready-made presets for “Download PDF”, “Buy Now”, and “Subscribe”.
Other Features
- 7 hover animations: Slide Fill, Zoom, Pulse Grow, Glow Pulse, Icon Bounce, Shine Sweep, Flip.
- Separate Normal and Hover style controls for background, text, and icon colors.
- Dedicated Icon Size and Social Icon Size controls.
- Optional hover Tooltip text on any button.
- Optional built-in Popup Trigger — opens a lightweight custom modal (title + message), no Elementor Pro Popup Builder needed.
- Dynamic Link types: Custom URL, WooCommerce “Add to Cart” (requires WooCommerce), Phone Call, WhatsApp Message (with pre-filled text), and Email.
- Full style controls: colors, typography, padding, border radius, border width, box shadow.
- Lightweight — all animations are pure CSS; only a small vanilla-JS file is used for the popup modal (no jQuery, no external animation libraries).
Requirements
- Elementor (free version) must be installed and activated.
- WooCommerce is only required if you use the “Add to Cart” dynamic link option.
Screenshots
Installation
- Upload the
advanced-elementor-buttonsfolder to/wp-content/plugins/, or install via Plugins Add New Upload Plugin. - Activate the plugin.
- Make sure Elementor is installed and activated.
- Edit a page with Elementor, search for “Advanced Button” in the widget panel, and drag it onto your page.
- Choose a Button Type from the Content tab, then configure text, icon, animation, tooltip, popup, and dynamic link as needed.
FAQ
-
Does this work with the free version of Elementor?
-
Yes. Elementor Pro is not required for any feature in this plugin.
-
Does the Popup Trigger use Elementor Pro’s Popup Builder?
-
No. It opens the plugin’s own lightweight modal, built with plain HTML/CSS/JS, so it works even without Elementor Pro.
-
Does the “Add to Cart” link work without WooCommerce?
-
No, WooCommerce must be installed and active, and you must enter a valid Product ID.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Advanced Buttons for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Advanced Buttons for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release: 7 button types (Gradient, Animated, Icon, Outline, FAB, Social, Download/CTA), 7 hover animations, Normal/Hover style states, Icon Size controls, Tooltip, built-in Popup Trigger, and Dynamic Link support (Custom URL, WooCommerce Add to Cart, Phone, WhatsApp, Email).