Widget Nút Cuộn Lên Đầu cho Shopify

Nhúng widget vào Shopify theme qua Liquid template hoặc App Blocks. Tương thích với Online Store 2.0.

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 Shopify

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. 2Vào Shopify Admin → Online Store → Themes
  3. 3Click 'Edit code' trên theme đang dùng
  4. 4Dán script vào theme.liquid (trước </body>)
  5. 5Thêm container div vào trang muốn hiển thị
  6. 6Lưu và kiểm tra trên website

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ề: