FAIR

Federated and Independent Repositories

CSS chat button

Plugin Banner

CSS chat button

by Atakan Au

Download
Description

Add the clickable WhatsApp button for chat to your site.

Compact: Less than 5 KB file size, only CSS and HTML
Simple: Very basic settings
Speedy: No Sql query for fast loading

Visit my blog for support request and feedback: CSS chat button

If you like my plugin and want to help me improve it, you can support me by donating.

  1. Add the plugin’s folder in the WordPress’ plugin directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.

Usage

  1. Go to Settings -> CSS chat button
  2. Input your contact info
  3. Save settings
  1. Settings page of CSS chat button

    Settings page of CSS chat button

  2. WhatsApp chat button at bottom right on Twenty Twenty-Three Version: 1.1

    WhatsApp chat button at bottom right on Twenty Twenty-Three Version: 1.1

  3. WhatsApp chat button at bottom left on Twenty Twenty-Two Version: 1.4

    WhatsApp chat button at bottom left on Twenty Twenty-Two Version: 1.4

  4. Make it compatible with your theme. Adjust the position, size of the button and colors as you wish.

    Make it compatible with your theme. Adjust the position, size of the button and colors as you wish.

Good, simple WhatsApp chat button

By murat8 on April 3, 2026

This plugin does what it says. I used it to add a lightweight, floating WhatsApp button to my site, and it was easy enough to set up. It gets the job done for direct contact.

Version 1.0.4

  • (Minor) Source code revamped for WordPress standards
  • Tested up to:
    • 6.9

Version 1.0.3

  • (Minor) Source code revamped for WordPress standards
  • Tested up to:
    • 6.8

Version 1.0.2

  • Minor code error fixed
  • Tested up to:
    • 6.7

Version 1.0.1

  • Fixed: Fitting icon
  • Added: Background and foreground color picker

Version 1.0.0

  • Initial version released
Back to top