Bởi Head Random 2026-08-13 10:39 PM

Hướng Dẫn Cấu Hình và Sử Dụng Plugin Nút Liên Hệ Nổi (Poly Support) cho WordPress

380.02 ms

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

  1. Tải về tệp cài đặt nén poly-support.zip.
  2. Đăng nhập WP Admin, truy cập Plugin > Thêm mới > Tải plugin lên và kích hoạt.
  3. 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