Widget Banner Bên Cạnh cho Website Tự Code

Tích hợp widget vào bất kỳ website HTML, React, Vue, Next.js hoặc framework nào. Chỉ cần dán script tag.

Giới Thiệu Widget

Widget banner dính ở cạnh trang (trái hoặc phải), có thể cuộn mở để hiển thị nội dung khuyến mãi hoặc thông tin quan trọng. Không chiếm diện tích khi đóng.

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

Widget Banner Bên Cạnh cung cấp đầy đủ tính năng cần thiết cho doanh nghiệp Việt Nam.

  • Vị trí dính ở cạnh trái hoặc phải trang
  • Cuộn mở/đóng khi click hoặc hover
  • Hỗ trợ hình ảnh, text, nút CTA
  • Tự động ẩn sau khi đóng (localStorage)
  • Không ảnh hưởng bố cục trang
  • Animation mượt mà
  • Tùy chỉnh màu sắc và kích thước
  • Responsive trên mobile

Ứng Dụng Thực Tế

Widget Banner Bên Cạnh phù hợp với nhiều loại hình doanh nghiệp.

  • Hiển thị khuyến mãi đặc biệt không gây phiền
  • Nút liên hệ nhanh dạng pull-out
  • Banner ứng dụng di động
  • Thông báo sự kiện quan trọng
  • Link mạng xã hội, fanpage

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

Chỉ vài bước đơn giản để widget Banner Bên Cạnh 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 Banner Bên Cạnh:

<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 Banner Bên Cạnh.

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

Hướng dẫn tích hợp widget Banner Bên Cạnh cho từng nền tảng phổ biến:

Theo Ngành Nghề

Widget Banner Bên Cạnh tối ưu cho từng ngành nghề: