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