WP Manifestindependent plugin directory
manifest / social / floating-chat-widget-for-wordpress

Floating Social Chat Widget

Floating Social Chat Widget adds a small floating button to the bottom corner of every page of your site. Clicking it expands a vertical stack of social media icons, giving visitors a one-tap way to reach you. The widget is fully configurable from a dedicated settings page in the WordPress admin.

by Shadownet Technologies · github.com/reallordzeus/floating-chat-widget-for-wordpress

★ 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/reallordzeus/floating-chat-widget-for-wordpress/archive/refs/heads/main.zip
Readme github.com/reallordzeus/floating-chat-widget-for-wordpress ↗

A floating chat button that reveals your social media icons when clicked. Choose the corner it sits in and match it to your brand color.

Description

Floating Social Chat Widget adds a small floating button to the bottom corner of every page of your site. Clicking it expands a vertical stack of social media icons, giving visitors a one-tap way to reach you.

The widget is fully configurable from a dedicated settings page in the WordPress admin. Nothing renders on the front end until you have entered at least one link, so you can install the plugin and configure it at your own pace without a broken button appearing on your site.

Supported networks

  • Facebook
  • X (Twitter)
  • Instagram
  • LinkedIn
  • YouTube
  • WhatsApp

Appearance settings

  • Position – Anchor the widget to either the bottom right or the bottom left. Both the button and the expanding icon stack stay aligned to the corner you choose.
  • Theme color – Pick a color with the built-in WordPress color picker, or paste a hex code (such as #4CAF50). The hover states for the button and the icons are derived automatically, so the widget stays visually consistent at any color.

Other details

  • Social icons are inline SVG bundled inside the plugin. Nothing is loaded from a third-party server, and no tracking requests are made to anyone.
  • The color picker's JavaScript and CSS load only on the plugin's own settings page, not anywhere else in the admin.
  • All settings and link values are sanitized on save and escaped on output.

External services

This plugin does not connect to any external service. It makes no outbound HTTP requests of any kind, and it does not send any data about your site or your visitors anywhere.

Installation

  1. Upload the floating-social-widget folder to the /wp-content/plugins/ directory, or install the ZIP through Plugins > Add New > Upload Plugin.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Go to Social Widget in the admin menu.
  4. Enter the full URL for each social network you want to display. Leave a field blank to hide that icon.
  5. Under Appearance, choose the widget position and theme color.
  6. Click Save Settings.

Frequently Asked Questions

Where do I configure the widget?

Look for Social Widget in the left-hand admin menu, near the bottom of the list. You need the manage_options capability, which administrators have by default.

Nothing appears on my site. What went wrong?

The widget only renders when at least one social link is saved. Open the settings page and check that at least one field contains a valid URL, then save.

How do I add a WhatsApp link?

Use the wa.me format with your number in international form and no spaces or punctuation, for example https://wa.me/15551234567.

Can I use a color other than the default green?

Yes. On the settings page, click the Theme Color field to open the WordPress color picker, or type a hex value such as #FF6600 or #F60. Short three-digit and full six-digit hex codes are both accepted. Clearing the field restores the default green.

What happens if the widget covers something in my page footer?

Switch the widget to the opposite corner, or add your own CSS to adjust the bottom and left/right offsets on #fsw-widget-container, which is the widget's outermost element.

Does the plugin load anything from a CDN?

No. Every asset the plugin needs on the front end, including the social icons, is bundled in the plugin folder and served from your own domain.

Can I change the icons?

Yes. The icon markup lives in icons.php. Each entry is a small inline SVG, so you can substitute your own <path> data for any network, or add a new entry and a matching field on the settings page.

Is the widget accessible?

The toggle is a real button, so it is keyboard focusable and can be activated with Enter or Space. It reports its state through aria-expanded, updates its accessible label when opened and closed, and can be dismissed with the Escape key. The social links are labelled for screen readers and open in a new tab with rel="noopener noreferrer".

Changelog

1.0

  • Initial release.
  • Configurable links for Facebook, X (Twitter), Instagram, LinkedIn, YouTube, and WhatsApp.
  • Admin option to anchor the widget to the bottom right or bottom left.
  • Admin option to set a theme color via the WordPress color picker or a hex code.
  • Social icons are inline SVG bundled with the plugin, so no external assets are requested.
  • The icon stack stays hidden until the toggle is activated, and the toggle reports its state to assistive technology.

Upgrade Notice

1.0

Initial release.