Hướng dẫn chi tiết cách cài đặt, cấu hình và sử dụng plugin Nút Liên Hệ Nổi & Quản Lý Floating Buttons (Poly Support - wppsupport) cho WordPress.
Hướng Dẫn Cài Đặt Nhanh
- Tải về tệp cài đặt nén
poly-support.zip. - Đăng nhập WP Admin, truy cập Plugin > Thêm mới > Tải plugin lên và kích hoạt.
- Truy cập Settings > Poly Support để thiết lập danh sách nút liên hệ và mẫu hiển thị.
Kiến Trúc Hệ Thống & Quy Trình Hiển Thị Nút Nổi
graph TD
A[Admin Configures Icons & Templates views/support.php] --> B[Save Template Options to WordPress Options API]
B --> C[Frontend Action wp_footer Enqueues Assets]
C --> D[Render Selected Placement Fixed Bottom / Fixed Left / Grid Drag]
D --> E[Trigger Click Actions: Phone Call / Messenger / Scroll To Element]
Kiểu Thanh Đáy Uốn Cong & Ma Trận Kéo Thả Lưới Grid
graph TD
A[Select Template Placement Mode] --> B{Placement Type}
B -->|Fixed Bottom| C[Apply Curved Style 1 Default / Style 2 Center Dip / Style 3 Sunken Frame]
B -->|Fixed Left / Right| D[Render Single Column Stacked Bar]
B -->|Customize Grid Drag| E[Snap Icons to Screen Edge Grid Grid Alignment]
C --> F[Render Responsive Floating Bar on Frontend]
D --> F
E --> F
Động Cơ Xử Lý Hành Động Cuộn Trang Scroll-to-Element
graph TD
A[User Clicks Scroll Action Button] --> B{Scroll Target Type}
B -->|Scroll to Top| C[Execute Smooth Window Scroll to Y=0]
B -->|Scroll to Bottom| D[Execute Smooth Window Scroll to Document Height]
B -->|Custom Element Selector| E[Query Element by ID or Class & Scroll Into View]
C --> F[Complete Smooth Scroll Animation]
D --> F
E --> F