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

EM Floating CTA

Floating WhatsApp, Phone, and Custom CTA buttons for WordPress with analytics tracking

by Emrys · github.com/iamthearsh/em-floating-cta · website

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/iamthearsh/em-floating-cta/archive/refs/heads/master.zip

EM Floating CTA Banner

Beautiful floating call-to-action buttons for WordPress. Add WhatsApp, Phone, and custom buttons to boost conversions.

✨ Features

  • 💬 WhatsApp Integration - One-click chat with pre-filled message
  • 📞 Click-to-Call - Mobile-friendly phone button
  • 🔗 Custom Buttons - Add any link with custom icon
  • 🎨 Customizable - Colors, position, and animations
  • 📱 Mobile/Desktop Toggle - Show on specific devices
  • Pulse Animation - Attract attention
  • 📊 Analytics Ready - GA4 event tracking built-in
  • Lightweight - Under 3KB total

📦 Installation

  1. Download and upload to WordPress
  2. Activate the plugin
  3. Go to Settings → EM Floating CTA
  4. Configure your buttons

⚙️ Configuration

General Settings

Option Description
Position Left or right side
Bottom Offset Distance from bottom
Pulse Animation Attention-grabbing effect
Visibility Mobile/Desktop toggle

WhatsApp Button

Option Description
Number WhatsApp number with country code
Pre-filled Message Auto-fill message on chat open
Tooltip Hover text

Phone Button

Option Description
Number Phone number for click-to-call
Tooltip Hover text

Custom Button

Option Description
URL Link destination
Icon Emoji icon
Color Button background color
Tooltip Hover text

📊 Analytics Integration

The plugin automatically tracks clicks with GA4:

// Listen for CTA clicks
document.addEventListener('em-cta-click', function(e) {
    console.log('CTA clicked:', e.detail.type);
});

🎨 Customization

Override styles in your theme:

/* Change WhatsApp button color */
.em-cta-whatsapp {
    background: linear-gradient(135deg, #075E54, #128C7E) !important;
}

/* Larger buttons */
.em-cta-button {
    width: 65px !important;
    height: 65px !important;
}

📋 Requirements

  • WordPress 5.0+
  • PHP 7.2+

📄 License

GPL-2.0 - see LICENSE

👤 Author

Emrys - @iamthearsh


Made with ❤️ by Emrys