close
BERJAYA
BERJAYA

Bolt CTA Button

설명

Bolt CTA Button is a powerful call now button plugin that adds sticky call-to-action buttons to your WordPress website. Choose between a Sticky Bar or a Floating Action Button (FAB) — or use different templates on mobile and desktop.

Two Templates

  • 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.

Key Features

  • 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

Use Cases

  • 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

How It Works

  1. Install and activate the plugin
  2. Go to Settings > Bolt CTA Button
  3. Choose your template (Bar or FAB)
  4. Configure your buttons
  5. Customize design, timing, and visibility
  6. Save — done!

스크린샷

  • BERJAYA
  • BERJAYA
  • BERJAYA
  • BERJAYA

설치

  1. Upload the bolt-cta-button folder to /wp-content/plugins/
  2. Activate via Plugins menu
  3. Navigate to Settings > Bolt CTA Button

FAQ

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".

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Bolt CTA Button”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Bolt CTA Button”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Bolt CTA Button”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.0.4

  • 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).

2.0.3

  • 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.

2.0.0

  • 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

1.0.0

  • Initial release