Bolt CTA Button – Floating Call Button for WordPress
| 开发者 | ismeteroglu |
|---|---|
| 更新时间 | 2026年5月29日 22:14 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Bolt CTA Button is a lightweight WordPress plugin for adding WhatsApp click-to-chat, click-to-call, and floating contact buttons to your site in seconds. Boost conversions with a sticky bar on mobile and a floating action button (FAB) on desktop — or pick either layout for both. Built-in click analytics let you see which contact channel actually drives leads.
Perfect for restaurants, service businesses, e-commerce stores, and anyone who wants to make it effortless for visitors to reach out by WhatsApp, phone, Telegram, Messenger, email, or any custom link.
Why Bolt CTA Button?
- Two layouts in one plugin — Sticky call now bar + Floating Action Button (FAB). No need to choose; use both, one per device.
- Mobile-first conversion — Always-visible call button on mobile dramatically improves call/chat conversion rates.
- WhatsApp + Click-to-Call built in — Pre-configured WhatsApp chat button and
tel:click-to-call link, no setup needed. - Click analytics included — Track which contact button gets clicked, daily and over time. No third-party plugin required.
- Lightweight & fast — Vanilla JS frontend (no jQuery), conditionally loaded assets, no impact on Core Web Vitals.
- Works with any theme — Defensive CSS isolation keeps the button consistent across Astra, OceanWP, Divi, GeneratePress, Hello Elementor, Twenty Twenty-Four, and more.
- No premium upsell wall — Every feature is free. Forever.
- Sticky Bar — Full-width bar at the top or bottom of the screen. 1-2 buttons: icon + text side by side. 3-5 buttons: icon on top, text below.
- Floating Action Button (FAB) — Round button at any corner of the screen. Click to reveal stacked sub-buttons with smooth animations.
- Up to 5 buttons — WhatsApp, Phone, Telegram, Instagram, Email, Messenger, SMS, Location, Viber, or any custom link
- Template selector — Bar or FAB, with live preview in an iPhone mockup
- Device-specific templates — Use Bar on mobile and FAB on desktop, or vice versa
- Drag & drop sorting — Reorder buttons easily
- Mobile & Desktop toggle — Show/hide independently
- Scroll behavior — Always visible or hide when scrolling down
- Timing triggers — Show after X seconds delay and/or after scrolling X% of the page
- 6 bar animations — Pulse, Glow, Bounce, Shake, Slide Up, or None
- 4 FAB animations — Fan, Slide, Scale, Stagger
- FAB customization — Corner position, button size (48/56/64px), open direction (up/left/right), badge dot, tooltips
- Full color control — Background, text color, opacity, border radius, padding per button
- Margin controls — Custom margin/offset for both templates (top/right/bottom/left px)
- Built-in SVG icons — No external dependencies, lightweight
- Click analytics — Track total clicks, last 7 days, last 30 days per button with CSS bar chart
- Page visibility rules — All pages, only specific pages, or exclude specific pages
- WooCommerce support — Show different buttons on Shop, Product, Cart, and Checkout pages
- Live preview — Real-time iPhone 16 Pro mockup in admin panel
- Lightweight — Minimal CSS/JS, no jQuery on the frontend
- Accessible — ARIA labels, keyboard navigation, focus indicators, Escape to close FAB
- Safe area support — Works on notched devices (iPhone, etc.)
- Translation ready — Multiple languages included, admin language switcher
- Restaurant: WhatsApp ordering + phone reservations
- Service business: Click-to-call + Google Maps directions
- E-commerce: Customer support + WooCommerce-specific buttons
- Any business wanting easy mobile contact options
- Install and activate the plugin
- Go to Settings > Bolt CTA Button
- Choose your template (Bar or FAB)
- Configure your buttons
- Customize design, timing, and visibility
- Save — done!
安装:
- Upload the
bolt-cta-buttonfolder to/wp-content/plugins/ - Activate via Plugins menu
- Navigate to Settings > Bolt CTA Button
屏幕截图:
常见问题:
What is the difference between Bar and FAB templates?
The Bar is a full-width strip at the top or bottom of the screen with buttons laid out horizontally. The FAB is a single round button at a screen corner that expands into stacked sub-buttons when clicked.
Can I use different templates on mobile and desktop?
Yes! In the Template & Design tab, you can set independent templates for mobile and desktop devices.
Does it work with WooCommerce?
Yes. You can enable WooCommerce rules to show specific buttons only on Shop, Product, Cart, or Checkout pages.
How does click tracking work?
The plugin tracks clicks per button using lightweight AJAX calls with navigator.sendBeacon. Data is stored in WordPress options (no custom tables). View statistics in the Analytics tab.
Will it slow down my site?
No. Frontend JS is vanilla (no jQuery), CSS is minimal, and assets are conditionally loaded (FAB CSS/JS only loads when FAB is active).
Does the FAB support keyboard navigation?
Yes. The FAB main button is a proper <button> element with aria-expanded. Pressing Escape closes the FAB. Sub-buttons have role="menuitem".
更新日志:
2.0.9
- FIX: Button icons now display correctly on sites that have aggressive global CSS rules (e.g. "path { display: none }") in their custom styles. Defensive CSS now forces our SVG icon elements visible within the plugin's scope only.
- NEW: Bolt CTA Button settings page now hides unrelated admin notices from other plugins (update prompts, promos, review nags) for a cleaner configuration experience. Other admin pages are unaffected.
- IMPROVED: Default WhatsApp button color changed from bright green (#25D366) to WhatsApp's darker official color (#075e54). This significantly improves text/icon contrast on the button and resolves Google PageSpeed Insights warnings about low color contrast.
- IMPROVED: Plugin display name updated for clarity — now shows as "Bolt CTA Button – Floating Call Button for WordPress" in the WordPress admin plugins list.
- FIX: "Show on Mobile" and "Show on Desktop" toggles now work correctly when mobile and desktop use different templates. Previously the toggle was ignored unless both devices used the same template, causing the FAB to remain visible on desktop even when desktop visibility was disabled.
- NEW: "Reset to Defaults" button to instantly restore all plugin settings to factory defaults.
- NEW: Sticky Bar now has two independent shadow controls — Bar Shadow (background) and Button Shadow (per-button), each with None / Small / Medium / Large levels.
- NEW: Floating Action Button shadow control with the same four levels, applied consistently to the main button and its sub-buttons.
- NEW: Idle animation for the main FAB button (Pulse, Glow, Bounce, Shake) — independent from the sub-button open animation.
- IMPROVED: New install defaults tuned for a cleaner first impression — desktop uses FAB, mobile uses Sticky Bar, all shadows off, transparent bar background, FAB margins set to 0/20/70/0.
- IMPROVED: Live preview now reflects every setting in real time, including margins, shadows, animations, opacity and trigger rules.
- FIX: Defensive CSS reset prevents themes (Astra, OceanWP, Divi, GeneratePress, Hello Elementor, etc.) from overriding plugin button styles, padding, fonts, gradients or appearance.
- FIX: FAB main button icon now stays centered and properly sized regardless of theme button defaults.
- FIX: Background and icon colors set in admin now override theme button colors via increased CSS specificity.
- FIX: FAB sub-button shadow is no longer hardcoded — setting "None" now truly removes all shadow from sub-buttons too.
- FIX: Glow animation is now visible across all themes (replaced clipped drop-shadow filter with brightness/saturate).
- NEW: "Help us improve" sidebar card with quick links to leave a review or request a feature in the support forum.
- CHANGE: Plugin renamed from "Bolt CTA Bar" to "Bolt CTA Button" to better reflect its floating button use case.
- REMOVED: Custom CSS field removed per WordPress.org plugin guidelines (no arbitrary code insertion).
- FIX: Admin language switcher now works correctly — translation files were not loading due to a filename mismatch.
- CHANGE: Plugin name references standardized across translations, code comments, and headers.
- NEW: Floating Action Button (FAB) template with 4 animations (Fan, Slide, Scale, Stagger)
- NEW: Template selector — switch between Bar and FAB
- NEW: Device-specific templates — different template per mobile/desktop
- NEW: FAB customization — corner position, size, open direction, badge, tooltips
- NEW: Timing triggers — show after delay and/or scroll percentage
- NEW: Click analytics — per-button click tracking with 7-day and 30-day stats
- NEW: WooCommerce conditional display — per-page button rules
- NEW: Margin/offset controls for both templates
- NEW: Tabbed admin settings panel
- IMPROVED: Admin preview with both Bar and FAB rendering
- Initial release