Title: Floating Contact Widget
Author: armanbasir
Published: <strong>Agẹmọ  23, 2026</strong>
Last modified: Ògún  21, 2026

---

Ṣàwárí àwọn plugin

![](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=3622300)

# Floating Contact Widget

 Láti ọwọ́ [armanbasir](https://profiles.wordpress.org/armanbasir/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/floating-contact-widget.2.4.0.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/floating-contact-widget/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/floating-contact-widget/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/floating-contact-widget/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/floating-contact-widget/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/floating-contact-widget/)

## Àpèjúwe

**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Ìtumọ̀ Yorùbá: ’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
 * Optional WooCommerce integration — a “Buy via WhatsApp” button on product pages

#### Key Features

 * Instant open/close with no animation — immediate response when clicked
 * Auto-sliding icons inside the bubble before itÌtumọ̀ Yorùbá: ’s clicked
 * Fully responsive (desktop & mobile), including automatic scrolling if the contact
   list is long
 * Lightweight — minified CSS/JS, no external library dependencies on the visitorÌtumọ̀
   Yorùbá: ’s side, non-blocking (`defer`) script loading, and every asset is only
   loaded on pages where itÌtumọ̀ Yorùbá: ’s actually needed
 * Does not store any visitor data

#### External Services

For platform icons (WhatsApp, Tokopedia, Shopee, TikTok, Gmail) that havenÌtumọ̀
Yorùbá: ’t been given a custom image, this plugin **automatically loads a favicon
from GoogleÌtumọ̀ Yorùbá: ’s public service** via:

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

This request is sent directly from the visitorÌtumọ̀ Yorùbá: ’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Ìtumọ̀ Yorùbá: ’s privacy policy: https://policies.google.com/privacy

## Àwọn àwòrán ìbòjú

[⌊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.

[[

## Ìgbéwọlẹ̀

 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Ìtumọ̀ Yorùbá:’
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Ìtumọ̀
Yorùbá: ’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.

### Does this plugin require WooCommerce?

No. WooCommerce integration is completely optional. If WooCommerce isnÌtumọ̀ Yorùbá:’
t installed or active, the plugin works exactly as normal (the floating widget) 
and simply skips the “Buy via WhatsApp” feature — it wonÌtumọ̀ Yorùbá: ’t cause 
any errors either way. If you do use WooCommerce, you can enable the button from**
Floating Contact  WooCommerce Integration** in the settings page.

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“Floating Contact Widget” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí 
ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

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

[Túmọ̀ “Floating Contact Widget” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/floating-contact-widget)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/floating-contact-widget/),
ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/floating-contact-widget/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/floating-contact-widget/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/floating-contact-widget/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 2.4.0

 * Confirmed compatibility with WordPress 7.1 and WooCommerce 11.0.
 * New: declares explicit compatibility with WooCommerceÌtumọ̀ Yorùbá: ’s High-Performance
   Order Storage (HPOS / Custom Order Tables), so the plugin no longer shows up 
   as “unknown” on the WooCommerce > Settings > Advanced > Features page.
 * Housekeeping: no functional or visual changes for sites not using WooCommerce.

#### 2.3.0

 * Performance: all CSS and JS assets are now minified (roughly 17–26% smaller file
   size each).
 * Performance: the frontend widget script now loads with the `defer` strategy so
   it never blocks page rendering (falls back gracefully to normal footer loading
   on WordPress versions older than 6.3).
 * Reminder: every asset was already conditionally loaded (only when the widget/
   button will actually be shown) — this release focuses on making those loaded 
   files as small and non-blocking as possible.

#### 2.2.1

 * Changed: redesigned the “Buy via WhatsApp” button — sharp corners (no border-
   radius), a gradient background with a subtle hover sheen effect, and an icon 
   micro-animation. On mobile (480px and below), the button now matches the full-
   width size of the Add to Cart button instead of staying a small inline pill.

#### 2.2.0

 * New: optional WooCommerce integration — show a “Buy via WhatsApp” button on single
   product pages, with a customizable button text, color, position (before/after
   Add to Cart), and pre-filled message template (supports `{product_name}`, `{product_url}`,
   and `{product_price}` placeholders).
 * New: `[floacowi_whatsapp_button]` shortcode to place the same button manually
   anywhere (product description, page builder, etc).
 * The feature does nothing and adds no extra assets on sites without WooCommerce
   active — itÌtumọ̀ Yorùbá: ’s fully optional and safe to leave installed either
   way.

#### 2.1.0

 * Changed: redesigned the widget interaction — the main round button now stays 
   fixed at the bottom and morphs into an “X” close icon when opened, while the 
   contact list floats as a card directly above it (instead of the button being 
   replaced by a full panel). Clicking outside the widget, or clicking the button
   again, closes it.
 * Removed: the “Panel title” setting and its typography options, since thereÌtumọ̀
   Yorùbá: ’s no longer a panel header in the new design.

#### 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Ìtumọ̀ Yorùbá: ’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Ìtumọ̀ Yorùbá: ’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Ìtumọ̀ Yorùbá: ’
   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Ìtumọ̀ Yorùbá:’
   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Ìtumọ̀ Yorùbá: ’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Ìtumọ̀ Yorùbá: ’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.

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **2.4.0**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **ọ̀sẹ̀ 4 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10**
 *  Ẹ̀yà WordPress ** 5.6 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **7.1.1**
 *  Ẹ̀yà PHP ** 7.2 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/floating-contact-widget/)
 * Àwọn àmì
 * [click to chat](https://yor.wordpress.org/plugins/tags/click-to-chat/)[contact widget](https://yor.wordpress.org/plugins/tags/contact-widget/)
   [floating button](https://yor.wordpress.org/plugins/tags/floating-button/)[whatsapp](https://yor.wordpress.org/plugins/tags/whatsapp/)
   [woocommerce](https://yor.wordpress.org/plugins/tags/woocommerce/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/floating-contact-widget/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

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

[Wo gbogbo àwọn àgbéyẹ̀wò](https://wordpress.org/support/plugin/floating-contact-widget/reviews/)

## Àwọn Olùkópa

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

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/floating-contact-widget/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](https://armanbasir.com)