Kianguyen Floating Contact Buttons

Kianguyen Floating Contact Buttons adds a small stack of contact buttons to the corner of your website so visitors can call, chat or find you in one tap.

Button types

• Call (tel:), SMS and email
• Zalo, Messenger, Viber, WhatsApp and Telegram
• Facebook, TikTok, YouTube and Instagram
• Directions (map link) and any custom link

Customize each button

• Four icon choices: full-color app-style platform logo (default), white logo on the button color, a simple icon, or your own image uploaded from the Media Library
• Your own label and color (brand colors are pre-filled)
• Show on all devices, mobile only or desktop only
• Optional attention effect: ringing icon, pulse ring or bounce
• Reorder, enable or disable buttons at any time (up to 12 buttons)

Made for real visitors

• Group buttons: show one “Contact us” button that opens the list (choose separately for phones and computers)
• Call button on computers: shows the phone number with a “Copy number” button instead of a tel: link computers cannot open
• Pre-filled messages for WhatsApp, SMS and email, with {title} and {url} placeholders for the current page
• Working hours with a weekly schedule (different hours per day, e.g. half-day Saturday): show a button only during or only outside working hours
• Page-specific button sets: e.g. the sales hotline on product pages and the workshop number on service pages, matched by page address, post/page ID or category
• Show the buttons right away, after the visitor scrolls, or after a few seconds

Easy to set up

• Phone / Computer switch on the settings page: each device shows only its own settings, with a live preview in the corner that updates as you edit (and can be hidden)
• Export and import settings as a .json file to copy them to another website

Placement and style

• Bottom right or bottom left, with adjustable distance, size and spacing, set separately for phones and computers
• On phones, optionally a horizontal bar at the bottom of the screen with labels under each icon and one larger “featured” button raised in the middle
• Round icons with hover tooltip, or icons with labels
• Hover colors are generated from your chosen color automatically
• Label text switches between white and dark automatically so it stays readable (WCAG contrast) on any button color

Show only where you want

• Hide on the front page, on all single posts of a post type, or on specific post/page IDs
• “Hide contact buttons on this page” checkbox in the post editor sidebar

Click tracking for Google Tag Manager

Each click pushes an event to dataLayer (default name contact_button_click) with button_type, button_label, button_url, page_location and button_set (the page-specific set name, or default) (copying the number in the desktop call box is sent with button_type = phone_copy), so you can build GA4 or Google Ads conversions in GTM. Optionally the same event is sent through gtag() if gtag.js is already on your page.

Lightweight and cache friendly

• No external requests, no CDN, no jQuery on the front end (logos are bundled as inline SVG)
• Assets load only on pages where buttons are shown
• Mobile/desktop rules use CSS media queries, so full-page caches (LiteSpeed Cache, WP Rocket, etc.) work correctly
• Respects visitors who prefer reduced motion

Privacy

The plugin does not collect, store or send any visitor data. Click tracking only adds an event to the dataLayer of your own page; what happens next depends on the tags you configure.

Tiếng Việt

Plugin tạo các nút liên hệ nổi (Gọi, Zalo, Messenger, Viber, WhatsApp, Telegram, Email, SMS, Chỉ đường, link tuỳ ý) ở góc màn hình. Có thêm nút Facebook, TikTok, YouTube, Instagram. Các nút mạng xã hội mặc định dùng logo màu giống icon app; có thể đổi sang logo trắng trên nền màu, biểu tượng đơn giản hoặc tải ảnh riêng lên. Mỗi nút chỉnh được màu, nhãn, hiển thị theo thiết bị và có hiệu ứng rung/sóng để gây chú ý. Có thể gom các nút thành một nút “Liên hệ”, hiện số điện thoại kèm nút sao chép khi khách xem trên máy tính, soạn sẵn tin nhắn cho WhatsApp/SMS/Email, ẩn/hiện nút theo giờ làm việc, hiện nút sau khi cuộn trang hoặc sau vài giây. Trên điện thoại có thể chọn kiểu thanh ngang ở đáy màn hình, với một nút nổi bật nhô lên ở giữa. Có thể tạo bộ nút riêng cho từng nhóm trang (ví dụ trang xe tải dùng hotline bán hàng, trang dịch vụ dùng số xưởng) và đặt giờ làm việc khác nhau cho từng ngày. Trang cài đặt có công tắc Điện thoại / Máy tính: mỗi thiết bị có vị trí, khoảng cách mép, kích thước, khoảng cách giữa các nút và gom nhóm riêng, kèm xem trước trực tiếp; có xuất/nhập cài đặt để chép sang website khác. Có thể ẩn nút trên trang chủ, theo loại nội dung, theo ID hoặc ngay trong màn hình sửa bài. Mỗi lượt bấm được đẩy vào dataLayer để đo lường bằng Google Tag Manager. Vào Cài đặt → Nút liên hệ, mục Ngôn ngữ hiển thị, chọn Tiếng Việt để dùng giao diện tiếng Việt.

Third-party resources

• Simple Icons 16.36.0 – https://simpleicons.org – License: CC0 1.0 Universal (licenses/simple-icons-LICENSE.md). Used for the platform logo shapes in includes/brand-icons.php.