Widget Bảng Giá 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

Hiển thị bảng giá các gói dịch vụ/sản phẩm với so sánh tính năng, nút CTA, toggle tháng/năm, và gói khuyến nghị được highlight. Định dạng VND chuẩn.

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

Widget Bảng Giá cung cấp đầy đủ tính năng cần thiết cho doanh nghiệp Việt Nam.

  • Hiển thị nhiều gói giá song song
  • So sánh tính năng chi tiết
  • Toggle thanh toán tháng/năm
  • Highlight gói được khuyến nghị
  • Nút CTA liên kết đến trang đăng ký
  • Định dạng tiền tệ VND (₫)
  • Hỗ trợ giá theo đơn vị (user, tháng...)
  • Responsive trên mobile

Ứng Dụng Thực Tế

Widget Bảng Giá phù hợp với nhiều loại hình doanh nghiệp.

  • SaaS và sản phẩm phần mềm
  • Dịch vụ marketing, agency
  • Gói dịch vụ hosting, cloud
  • Khóa học và đào tạo online
  • Dịch vụ subscription định kỳ

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

Chỉ vài bước đơn giản để widget Bảng Giá 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 Bảng Giá:

<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 Bảng Giá.

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

Hướng dẫn tích hợp widget Bảng Giá cho từng nền tảng phổ biến:

Theo Ngành Nghề

Widget Bảng Giá tối ưu cho từng ngành nghề: