WordPress.org
Get WordPress
WordPress.org

Plugin Directory

Tapdock – Floating Call & Chat Buttons

Tapdock – Floating Call & Chat Buttons

By Lưu Văn Cương
Download

Description

Tapdock is a contact dock built around how Vietnamese customers reach a business: a phone call or a Zalo message first, then Messenger, Facebook, Telegram, WhatsApp, Email, Google Maps, TikTok, Shopee, Lazada, YouTube and Instagram.

  • Several numbers on one channel (Switchboard, Sales 1, Sales 2…) share one button that opens a picker, instead of a column of look-alike buttons.
  • Mobile: up to three buttons are shown directly; four or more channels fold into one labelled button that opens a bottom sheet. You write the label.
  • On mobile, the buttons move above a sticky add-to-cart bar (WooCommerce and popular themes) instead of covering it.
  • Desktop: a compact dock in the corner; hovering a button shows its label, or the number for a hotline.
  • Left or right corner; show or hide per device and per page; export and import settings between sites.
  • Under 20 KB CSS and 12 KB JS, no jQuery, no external requests, no tracking, no upsell.
  • Most platforms use a single-colour brand glyph (Lazada uses a generic shopping-bag icon); upload your own PNG/WebP icon per contact.
  • The settings screen is in Vietnamese.

Trademarks

Zalo, Shopee, Lazada, TikTok, Facebook, Messenger, Instagram, WhatsApp, Telegram, YouTube and Google Maps names and logos are trademarks of their respective owners. They are used only to identify the corresponding service that a button links to. This plugin is not affiliated with or endorsed by any of them. See TRADEMARKS.txt in the plugin folder.

Screenshots

The dock in the bottom-right corner of a site, one button per channel.
The dock in the bottom-right corner of a site, one button per channel.
Two numbers on the same channel share one button; hovering opens a panel to pick the number to call.
Two numbers on the same channel share one button; hovering opens a panel to pick the number to call.
A minimal set-up — only a hotline and Zalo; hovering the hotline shows the number next to the button.
A minimal set-up — only a hotline and Zalo; hovering the hotline shows the number next to the button.
The same dock in the left corner, with the label of the hovered button.
The same dock in the left corner, with the label of the hovered button.
On phones the channels fold into one labelled button that opens a bottom sheet; a channel with several numbers expands in place.
On phones the channels fold into one labelled button that opens a bottom sheet; a channel with several numbers expands in place.
Settings: drag to reorder, switches that save instantly, live preview on the right.
Settings: drag to reorder, switches that save instantly, live preview on the right.
Adding a contact: pick one of thirteen platforms, then set the name, value, hover label, colour and icon.
Adding a contact: pick one of thirteen platforms, then set the name, value, hover label, colour and icon.
Display tab: devices, corner of the screen, offsets, breakpoints and button size.
Display tab: devices, corner of the screen, offsets, breakpoints and button size.
Advanced tab: hide the buttons on chosen pages, and export or import the whole set-up.
Advanced tab: hide the buttons on chosen pages, and export or import the whole set-up.

Installation

  1. Install and activate the plugin.
  2. Go to Tapdock in the admin menu.
  3. Enter your Hotline number and Zalo number, switch them on. Done.

FAQ

Does it slow down my site?

No. One small CSS file and one small JS file are loaded only on pages where the buttons appear. No fonts, no external requests.

Can I change the logos?

Yes. Each contact uses its platform glyph by default, or your own PNG/WebP icon.

I changed a number but the site still shows the old one

The plugin purges the most common page caches automatically. If you use an external CDN cache, purge it manually.

Where is the source of the minified CSS and JS?

The readable sources ship next to them: assets/js/frontend.js, assets/js/admin.js, assets/css/frontend.css and assets/css/admin.css. The .min files are those same files minified with esbuild and lightningcss, without bundling.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Tapdock – Floating Call & Chat Buttons” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Tapdock – Floating Call & Chat Buttons” into your language.

Interested in development?

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

Changelog

1.0.0

  • Initial release.

Meta

Ratings

No reviews have been submitted yet.

Your review

See all reviews

Support

Got something to say? Need help?

View support forum

Donate

Would you like to support the advancement of this plugin?

Donate to this plugin