Title: Floating Contact Widget
Author: armanbasir
Published: <strong>July 23, 2026</strong>
Last modified: July 23, 2026

---

Search plugins

![](https://ps.w.org/floating-contact-widget/assets/banner-772x250.png?rev=3619375)

![](https://ps.w.org/floating-contact-widget/assets/icon-256x256.png?rev=3619375)

# Floating Contact Widget

 By [armanbasir](https://profiles.wordpress.org/armanbasir/)

[Download](https://downloads.wordpress.org/plugin/floating-contact-widget.2.0.0.zip)

 * [Details](https://wordpress.org/plugins/floating-contact-widget/#description)
 * [Reviews](https://wordpress.org/plugins/floating-contact-widget/#reviews)
 *  [Installation](https://wordpress.org/plugins/floating-contact-widget/#installation)
 * [Development](https://wordpress.org/plugins/floating-contact-widget/#developers)

 [Support](https://wordpress.org/support/plugin/floating-contact-widget/)

## 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 closed floating bubble
with auto-sliding icons.⌉[

The closed floating bubble with auto-sliding icons.

[⌊The contact panel opened instantly, showing the contact list.⌉⌊The contact panel
opened instantly, showing the contact list.⌉[

The contact panel opened instantly, showing the contact list.

[⌊Settings page — Contact.⌉⌊Settings page — Contact.⌉[

Settings page — Contact.

[⌊Settings page — Appearance (colors, position, slide speed).⌉⌊Settings page — Appearance(
colors, position, slide speed).⌉[

Settings page — Appearance (colors, position, slide speed).

[⌊Settings page — Additional Contacts (Custom) and Custom Icons.⌉⌊Settings page —
Additional Contacts (Custom) and Custom Icons.⌉[

Settings page — Additional Contacts (Custom) and Custom Icons.

[[

## Installation

 1. 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.
 2. Activate the plugin through the **Plugins** menu in WordPress.
 3. Go to the **Floating Contact** menu in the admin sidebar.
 4. Fill in your WhatsApp number, Tokopedia/Shopee/TikTok links, and email address.
 5. Adjust the appearance (colors, position, slide speed) and custom icons as needed.
 6. 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.

Contributors

 *   [ armanbasir ](https://profiles.wordpress.org/armanbasir/)

[Translate “Floating Contact Widget” into your language.](https://translate.wordpress.org/projects/wp-plugins/floating-contact-widget)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/floating-contact-widget/),
check out the [SVN repository](https://plugins.svn.wordpress.org/floating-contact-widget/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/floating-contact-widget/)
by [RSS](https://plugins.trac.wordpress.org/log/floating-contact-widget/?limit=100&mode=stop_on_copy&format=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.

## Meta

 *  Version **2.0.0**
 *  Last updated **1 day ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.6 or higher **
 *  Tested up to **7.0.2**
 *  PHP version ** 7.2 or higher **
 * Tags
 * [click to chat](https://wordpress.org/plugins/tags/click-to-chat/)[contact widget](https://wordpress.org/plugins/tags/contact-widget/)
   [floating button](https://wordpress.org/plugins/tags/floating-button/)[social media](https://wordpress.org/plugins/tags/social-media/)
   [whatsapp](https://wordpress.org/plugins/tags/whatsapp/)
 *  [Advanced View](https://wordpress.org/plugins/floating-contact-widget/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/floating-contact-widget/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/floating-contact-widget/reviews/)

## Contributors

 *   [ armanbasir ](https://profiles.wordpress.org/armanbasir/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/floating-contact-widget/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://armanbasir.com)