Nếu bạn đang làm website bán hàng (WooCommerce) hoặc website dịch vụ bằng Flatsome, chắc chắn bạn từng gặp bài toán:
Khách vào web nhưng không biết bấm đâu để gọi/Zalo/Messenger
Trên PC thì cần nút nổi gọn gàng, còn trên Mobile lại cần một thanh footer dễ bấm bằng 1 tay
Dùng plugin ngoài thì nặng, quảng cáo, hoặc khó tuỳ biến giao diện
Vì vậy mình chia sẻ plugin PhongVT Contact Button: một plugin gọn nhẹ giúp hiển thị nút liên hệ nổi trên PC và thanh liên hệ footer trên Mobile, tối ưu để tăng tỉ lệ chuyển đổi (gọi – chat – inbox).
1) Plugin này làm được gì?
✅ Trên PC (Desktop)
Hiển thị cụm nút liên hệ nổi (góc phải)
Có thể tuỳ:
Khoảng cách dưới / khoảng cách phải (px)
Link Liên hệ
Số điện thoại
Link Zalo
Link Messenger
Màu từng nút + màu hover
✅ Trên Mobile
Hiển thị thanh footer cố định dưới cùng
Có các nút nhanh: Menu / Zalo / Gọi ngay / Messenger / Liên hệ
Tối ưu kích thước icon + chữ, dễ thao tác bằng ngón tay cái
Không “đụng” theme, không cần chèn HTML thủ công
2) Ưu điểm khi dùng plugin (so với gắn code rời)
Nhẹ: chỉ thêm đúng HTML/CSS/JS cần thiết
Dễ chỉnh: có trang cài đặt trong WP Admin
Không phụ thuộc theme: đổi theme vẫn giữ
Chuẩn Flatsome/WooCommerce: không phá layout, không ảnh hưởng UX Builder
Tăng chuyển đổi: người dùng bấm gọi/chat nhanh → tăng lead
3) Hướng dẫn cài đặt
Bước 1: Vào WP Admin → Plugins → Add New → Upload file .zip plugin → Install → Activate.
Link tải plugin buttom contact
Bước 2: Vào Cài đặt plugin (Settings) và nhập các thông tin:
Số điện thoại (để gọi trực tiếp)
Link Zalo (zalo.me/…)
Link Messenger (m.me/… hoặc link page)
Link Liên hệ (trang /lien-he hoặc form)
Bước 3: Tuỳ chỉnh màu sắc (nếu cần)
Màu nút gọi
Màu nút zalo
Màu messenger
Màu hover chung…
Xong! Ra trang chủ kiểm tra trên PC và Mobile là thấy ngay.Chúc anh em build web nhiều đơn