Widget Nút Cuộn Lên Đầu cho Website Tự Code

Giới Thiệu Widget

Nút scroll-to-top nhỏ gọn, xuất hiện khi người dùng cuộn xuống và ẩn tự động ở đầu trang. Tùy chỉnh biểu tượng, màu sắc, vị trí và hoạt ảnh.

Tính Năng Nổi Bật

Widget Nút Cuộn Lên Đầu cung cấp đầy đủ tính năng cần thiết cho doanh nghiệp Việt Nam.

• Ẩn/hiện tự động theo vị trí cuộn trang
• Cuộn mượt lên đầu trang (smooth scroll)
• Tùy chỉnh ngưỡng xuất hiện (px)
• Màu sắc, kích thước, hình dạng linh hoạt
• Vị trí: góc phải/trái, trên/dưới
• Biểu tượng tùy chỉnh
• Animation fade/slide
• Không ảnh hưởng bố cục trang

Ứng Dụng Thực Tế

Widget Nút Cuộn Lên Đầu phù hợp với nhiều loại hình doanh nghiệp.

• Blog và website có nội dung dài
• Trang landing page nhiều section
• Trang sản phẩm/danh mục dài
• Tài liệu và documentation
• Mọi website cần cải thiện UX

Hướng Dẫn Tích Hợp vào Website Tự Code

Chỉ vài bước đơn giản để widget Nút Cuộn Lên Đầu hoạt động trên website của bạn.

1. 1Sao chép mã nhúng từ Widget.vn
2. 2Dán script tag vào file HTML hoặc component
3. 3Đối với React/Vue: dùng useEffect để load script
4. 4Đối với Next.js: dùng next/script component
5. 5Widget tự khởi tạo khi DOM sẵn sàng

Demo Trực Tiếp

Xem widget hoạt động và sao chép mã nhúng vào website của bạn.

Mã Nhúng

Dán đoạn code này vào website để nhúng widget Nút Cuộn Lên Đầu:

<script src="https://api.widget.vn/v1/loader.js"
  data-widget-id="demo"
  data-api="https://api.widget.vn"
  data-cdn="https://api.widget.vn"
  async defer></script>

Thay YOUR_WIDGET_ID bằng ID widget thực của bạn từ Widget.vn.

Câu Hỏi Thường Gặp

Các câu hỏi phổ biến về widget Nút Cuộn Lên Đầu.

Tích Hợp theo Nền Tảng

Hướng dẫn tích hợp widget Nút Cuộn Lên Đầu cho từng nền tảng phổ biến:

Theo Ngành Nghề

Widget Nút Cuộn Lên Đầu tối ưu cho từng ngành nghề: