
內容簡介
Advanced Buttons for Elementor 是一款專為 Elementor 頁面編輯器設計的外掛,提供多種樣式的按鈕小工具,讓使用者能夠輕鬆創建吸引人的按鈕,提升網站的互動性和美觀度。
【主要功能】
• 支援多種按鈕類型,如漸層、動畫、圖示按鈕
• 提供 7 種懸停動畫效果
• 可自訂正常與懸停狀態的樣式
• 支援社交媒體按鈕與下載/CTA 按鈕
• 動態連結選項,包括 WooCommerce 加入購物車
• 輕量化設計,使用純 CSS 動畫
外掛標籤
開發者團隊
② 後台搜尋「Advanced Buttons for Elementor」→ 直接安裝(推薦)
原文外掛簡介
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.
