外掛說明
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.
螢幕擷圖
安裝方式
- 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.
常見問題集
-
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.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
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).