Hướng dẫn tích hợp Widget đặt sân vào Website

1. Giới thiệu Widget đặt sân

Widget đặt sân ALOBO là công cụ mạnh mẽ giúp biến website giới thiệu sân bóng của bạn thành một cỗ máy bán hàng tự động.

Thống kê: Các sân bóng tích hợp widget ghi nhận lượng khách đặt online tăng trung bình 35% trong tháng đầu tiên.

Tính năng nổi bật

Hiển thị lịch trống thời gian thực: Khách hàng thấy ngay khung giờ nào còn trống.
Đặt sân nhanh trong 30s: Không cần đăng nhập phức tạp.
Tự động đồng bộ: Đơn đặt từ website sẽ chạy thẳng vào phần mềm quản lý.

2. Các bước tích hợp

Bước 1: Lấy mã nhúng (Embed Code)

Đăng nhập vào trang quản trị ALOBO Manager.
Truy cập menu Cài đặt -> Tích hợp Website.
Tại đây, bạn có thể tùy chỉnh màu sắc nút đặt sân cho phù hợp với thương hiệu.

Hình 1: Giao diện lấy mã nhúng trong CMS

Bước 2: Chèn vào Website

Copy đoạn mã script được cung cấp và dán vào trước thẻ đóng </body> trên website của bạn.

<!-- ALOBO Booking Widget -->
<script>
  (function(w,d,s,l,i){
    w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
    var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;j.src='https://alobo.vn/widget.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','YOUR-ID-HERE');
</script>

3. Cấu hình nâng cao

Bạn có thể thêm các tham số để tùy biến hành vi của widget:

Tham số	Loại	Mặc định	Mô tả
`autoOpen`	boolean	`false`	Tự động mở cửa sổ đặt sân khi vào trang
`primaryColor`	string	`#0F9D58`	Mã màu chủ đạo (Hex code)
`lang`	string	`vi`	Ngôn ngữ hiển thị (vi/en)

4. Kiểm tra hoạt động

Sau khi nhúng mã, hãy quay lại website và tải lại trang (F5). Bạn sẽ thấy nút "Đặt sân ngay" xuất hiện ở góc dưới bên phải màn hình.

Nếu gặp sự cố, vui lòng liên hệ bộ phận kỹ thuật qua hotline: 0909 123 456.