WP Manifestindependent plugin directory
manifest / social / floating-cta-button

Floating CTA Button

A lightweight, responsive, and customizable floating CTA button for WordPress. Supports WhatsApp, Phone, Email, and custom URLs. Zero external dependencies — uses inline SVGs.

by Md. Minaruzzaman Shovon · github.com/sh00von/floating-cta-button

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/sh00von/floating-cta-button/archive/refs/heads/master.zip
Readme github.com/sh00von/floating-cta-button ↗

A lightweight floating CTA button for WordPress. Supports WhatsApp, Phone, Email, and custom URLs with live preview admin UI. Zero external dependencies.

Description

Floating CTA Button is an ultra-lightweight, performance-focused WordPress plugin that adds a fully customizable floating call-to-action button to your website — allowing visitors to reach you instantly via WhatsApp, phone call, email, or any custom link.

Designed with a modern tabbed admin panel and a real-time live preview, every setting you change is reflected instantly before you save.

Key Features

  • Live Preview — See your button update in real time as you configure it. No page reloads needed.
  • 4 Platform Types — WhatsApp Chat, Phone Call, Email, or Custom URL.
  • Button Size Control — Drag a slider to set the button size from 40px to 90px.
  • Appearance Delay — Optionally show the button after a set number of seconds (0–30s).
  • Label Visibility Modes — Always visible, show on hover only, or completely hidden.
  • Page Exclusions — Enter comma-separated post/page IDs to hide the button on specific pages.
  • Custom Mobile Breakpoint — Override the default 768px hide threshold for mobile-only mode.
  • 4 Animation Styles — Pulse, Wiggle, Scale-up, or Static.
  • Zero External Dependencies — Inline SVG icons only. No FontAwesome, no icon libraries.
  • Fully Responsive — Mobile-only mode hides the button on desktop via CSS.
  • Accessible — Auto-generated ARIA labels for screen readers.
  • Performance-First — CSS file loads conditionally. Under 15KB total footprint.

How It Works

  1. Go to Settings → Floating CTA in your WordPress dashboard.
  2. Select your platform (WhatsApp, Phone, Email, or Custom URL).
  3. Enter your contact value or URL.
  4. Customize colors, size, animation, and position.
  5. Watch the live preview update in real time, then click Save Settings.

Installation

  1. Upload the floating-cta-button folder to the /wp-content/plugins/ directory, or install directly through the WordPress plugins screen.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Navigate to Settings → Floating CTA to configure your button.

Frequently Asked Questions

Does this plugin slow down my site?

No. The plugin has a total footprint under 15KB. The CSS file only loads when a contact value is configured. No JavaScript is used on the frontend (except an optional tiny inline script for the appearance delay feature).

What format should I use for the WhatsApp phone number?

Enter the number in international format without any plus signs, hyphens, or spaces (e.g. 15551234567 for a US number).

Can I hide the button on specific pages?

Yes. In the Visibility tab, enter comma-separated page/post IDs in the "Exclude Pages" field and the button will not appear on those pages.

Can I set a custom mobile breakpoint?

Yes. Enable "Mobile Only" mode and a breakpoint field will appear. Enter any width in pixels (320–1920px).

Can I delay the button appearance?

Yes. In the Behavior tab, set an "Appearance Delay" in seconds. The button will be hidden on load and fade in after that delay using a tiny inline script — no JS library required.

Screenshots

  1. Modern tabbed admin settings panel with live preview.
  2. Live preview panel showing the button in a browser mockup.
  3. The floating CTA button rendered on the frontend.

Changelog

2.0.0

  • Complete admin UI redesign with tabbed layout and live preview panel.
  • New: Button size control (range slider, 40–90px).
  • New: Appearance delay (show button after X seconds).
  • New: Label visibility modes (Always / On Hover / Hidden).
  • New: Page exclusion list (comma-separated post IDs).
  • New: Custom mobile breakpoint setting.
  • New: ARIA labels for screen reader accessibility.
  • New: Smooth entrance animation on page load.
  • Improved: CSS variables for button size and mobile breakpoint.
  • Improved: GPU-composited hover with will-change: transform.

1.0.0

  • Initial release. Floating CTA button with WhatsApp, Phone, Email, Custom URL support, color picker, position, offset, animation, and mobile-only mode.

Upgrade Notice

2.0.0

Major update with a completely redesigned admin UI, live preview, and several new features. All existing settings are preserved automatically.