Description

Floating Contact Widget displays a floating chat button in the corner of your website. When clicked, it instantly opens a panel with contact options: WhatsApp, Tokopedia, Shopee, TikTok, and Email — complete with icons that automatically slide inside the bubble before it’s opened.

Everything is configured from a single admin page, no code editing required:

WhatsApp number + a pre-filled automatic message
Tokopedia and Shopee store links
TikTok profile link
Destination email address
Additional (custom) contacts — add as many other contacts as you like (Instagram, Telegram, a website, etc), each with its own icon
Custom icons for WhatsApp, Tokopedia, Shopee, TikTok, and Email — upload your own image via the Media Library, or leave it empty to use the official logo automatically
Bubble background gradient color (color picker)
Widget position (bottom right/left) plus spacing (padding) from the screen edge — set separately for desktop and mobile
Icon slide animation speed
Enable/disable each contact platform individually
Optional pulse ring animation around the closed bubble to draw attention

Key Features

Instant open/close with no animation — immediate response when clicked
Auto-sliding icons inside the bubble before it’s clicked
Fully responsive (desktop & mobile), including automatic scrolling if the contact list is long
Lightweight — no external library dependencies on the visitor’s side
Does not store any visitor data

External Services

For platform icons (WhatsApp, Tokopedia, Shopee, TikTok, Gmail) that haven’t been given a custom image, this plugin automatically loads a favicon from Google’s public service via:

https://www.google.com/s2/favicons?domain={domain}&sz=128

This request is sent directly from the visitor’s browser (not from your server) every time the widget is displayed, and only contains the domain name of the relevant platform (e.g. whatsapp.com), with no personal visitor data. If you upload your own icon for every active contact, no request to this service will occur at all.

Google’s privacy policy: https://policies.google.com/privacy

Screenshots

The closed floating bubble with auto-sliding icons.

The contact panel opened instantly, showing the contact list. — The closed floating bubble with auto-sliding icons.

Installation

Upload the floating-contact-widget folder to the /wp-content/plugins/ directory, or install it directly via the Plugins > Add New menu in wp-admin.
Activate the plugin through the Plugins menu in WordPress.
Go to the Floating Contact menu in the admin sidebar.
Fill in your WhatsApp number, Tokopedia/Shopee/TikTok links, and email address.
Adjust the appearance (colors, position, slide speed) and custom icons as needed.
Click Save Settings — the widget will immediately appear on every page of your website.

FAQ

Do I have to fill in every contact platform?: No. Each platform (WhatsApp, Tokopedia, Shopee, TikTok, Email) has its own “Show” toggle. If a contact is disabled or left empty, it will automatically not appear in the widget. The widget only displays if at least one contact is active and filled in.
How do I add contacts other than the 5 built-in platforms?: Use the Additional Contacts (Custom) section on the settings page. Click “+ Add Contact”, fill in the name and destination link, then upload an icon (optional — if left empty, the plugin automatically fetches a favicon from that link’s domain).
Are the automatic WhatsApp/Tokopedia/etc icons the official logos?: The default icons are pulled from a public favicon service based on each platform’s official domain. For full control over the appearance, you can upload your own image/logo for each contact from the settings page.
Does this plugin slow down my website?: No. The widget is built with pure CSS and JavaScript (no external library such as jQuery on the visitor-facing side), and is only loaded once in the page footer.
Does this plugin store visitor data?: No. This plugin does not store any visitor data at all. The only data stored is the settings you fill in yourself on the admin page (numbers, links, colors, etc), saved as a single option in your WordPress database.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Floating Contact Widget” is open source software. The following people have contributed to this plugin.

armanbasir

Translate “Floating Contact Widget” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.0.0

Fix: renamed every internal function, constant, option group, script/style handle, and JS global variable from the short fcw prefix to floacowi, per WordPress.org’s plugin review requirement that prefixes be longer than 4 characters to avoid naming collisions with other plugins/themes. This is an internal-only change; no settings, features, or behavior are affected. If you had already saved settings under the old option name, please re-enter and save your settings once after updating, since the plugin now stores its data under a new option key (floacowi_settings instead of fcw_settings).

1.9.4

Fix: the pulse ring is now hidden using display:none instead of opacity:0 when the panel is open, since a running CSS animation can otherwise override a plain opacity rule and cause the ring to remain (partially) visible.
Changed: author name updated to Arman Basir.

1.9.3

New: a color picker for the pulse ring, so it can be adjusted to stand out against any website background (previously fixed to white).

1.9.2

Fix: the pulse ring element has been moved out of the bubble’s clipped container entirely (instead of only adjusting the overflow property), so it reliably animates and expands beyond the bubble in every browser.

1.9.1

Fix: the pulse ring animation was being clipped by the bubble’s circular boundary, making it barely visible. It now properly expands beyond the bubble as intended.

1.9.0

New: a toggle to enable/disable the pulsing ring animation around the closed bubble, under Appearance.

1.8.1

Fix: all dynamic output is now properly escaped at the point of printing (esc_attr(), esc_url(), esc_html()), resolving every WordPress.Security.EscapeOutput.OutputNotEscaped warning reported by the Plugin Check tool.

1.8.0

Fix: all inline <style> and <script> tags have been replaced with properly registered/enqueued CSS and JS files (wp_enqueue_style(), wp_enqueue_script(), wp_add_inline_style(), wp_localize_script()), per WordPress.org’s plugin review requirements.

1.7.0

Changed: the entire plugin interface (settings page and default text) has been translated into English.

1.6.1

Fix: added the “License” and “License URI” headers (GPLv2 or later) to the main plugin file so it passes WordPress.org’s automated review.

1.6.0

Changed: all open/close animations and effects have been removed — the bubble and contact panel now appear/disappear instantly (no fade, scale, or staggered reveal) so the open/close process feels faster.

1.5.0

Changed: the 3D flip effect on the bubble has been completely removed, both when opening and closing. The contact panel previously appeared/disappeared with a fade & scale animation.

1.4.0

New: font size and bold (on/off) settings for the panel title.
New: font size and bold (on/off) settings for each contact’s name (including additional/custom contacts).

1.3.0

New: icon slide speed setting (in seconds) on the Appearance page.
New: separate position padding settings for desktop and mobile.
Fix: the 3D flip animation no longer plays in reverse when the close (×) button is clicked.
Fix: the close (×) button is now perfectly round in every browser.
Changed: the “Additional Contacts (Custom)” section order was moved above the “Appearance” section.

1.2.0

New: “Additional Contacts (Custom)” feature — add contacts beyond the 5 built-in platforms, complete with your own icon upload.
New: widget position padding (spacing from the screen edge) setting.
Fix: the close (×) button is now more precisely round.

1.1.0

New: TikTok contact support.
New: custom icon upload for each platform via the Media Library.
New: bubble background gradient color setting.
New: enable/disable toggle per contact platform.

1.0.0

Initial release: a floating chat widget for WhatsApp, Tokopedia, Shopee, and Email.