Hướng dẫn thêm widget Bản đồ Việt Nam vào website Wix

Bản đồ SVG tương tác 63 tỉnh thành, hỗ trợ ghim vị trí và tô màu vùng. Tích hợp vào Wix chỉ trong vài phút.

Tổng quan

Wix Editor cho phép nhúng mã HTML tùy chỉnh qua Embed Code element. Kéo thả dễ dàng, không cần viết code.

Widget Bản đồ Việt Nam của Widget.vn giúp bạn bản đồ svg tương tác 63 tỉnh thành, hỗ trợ ghim vị trí và tô màu vùng. Bài viết này hướng dẫn bạn từng bước nhúng widget vào Wix, từ đăng ký tài khoản đến hoàn tất tích hợp.

Tại sao nên dùng widget Bản đồ Việt Nam?

  • Hiển thị hệ thống chi nhánh trực quan trên bản đồ
  • Tô màu vùng theo dữ liệu doanh nghiệp (choropleth)
  • Ghim vị trí tùy chỉnh với màu sắc và biểu tượng
  • Responsive trên mọi thiết bị, tải nhẹ ~3KB

Bước 1: Tạo widget trên Widget.vn

Trước tiên, bạn cần tạo và cấu hình widget Bản đồ Việt Nam trên dashboard Widget.vn.

  1. 1Truy cập Widget.vn và đăng ký tài khoản miễn phí
  2. 2Vào Dashboard → Tạo Widget mới → Chọn "Bản đồ Việt Nam"

Bước 2: Cấu hình widget Bản đồ Việt Nam

Thiết lập các tùy chọn cho widget theo nhu cầu doanh nghiệp:

  1. 1Chọn chế độ hiển thị: 63 tỉnh hoặc 34 tỉnh
  2. 2Thêm ghim vị trí cho các chi nhánh/điểm bán
  3. 3Cấu hình màu sắc bản đồ và tooltip
  4. 4Bật/tắt tính năng tương tác (hover, click)

Bước 3: Lấy mã nhúng

Sau khi cấu hình xong, sao chép mã nhúng từ dashboard:

<script src="https://api.widget.vn/v1/loader.js"
  data-widget-id="YOUR_WIDGET_ID"
  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 từ dashboard Widget.vn.

Bước 4: Nhúng vào Wix

Làm theo các bước sau để nhúng widget vào Wix:

  1. 1Đăng nhập Wix Editor (manage.wix.com)
  2. 2Mở trang cần nhúng widget trong Editor
  3. 3Click 'Add Elements' (+) → Embed Code → Embed HTML
  4. 4Kéo element Embed HTML vào vị trí mong muốn
  5. 5Dán đoạn mã nhúng widget vào ô code
  6. 6Điều chỉnh kích thước element và click 'Publish'

Mẹo khi nhúng vào Wix

  • Dùng 'Embed HTML' thay vì 'Embed a Widget' cho kết quả tốt nhất
  • Có thể điều chỉnh kích thước element HTML để phù hợp layout
  • Widget hoạt động trên cả Wix Editor và Wix Studio (Editor X)
  • Nếu widget không hiển thị trong Editor, click 'Preview' để kiểm tra

Xem Demo Trực Tiếp

Trải nghiệm widget Bản đồ Việt Nam trước khi nhúng vào website: