Cài Website Chat trên BigCommerce
Tạo script trong Script Manager, áp dụng cho trang storefront.
Xem các bướcVị trí đặt mã
Sơ đồ đường dẫn trong giao diện nền tảng. Tên mục có thể khác đôi chút theo phiên bản hoặc ngôn ngữ tài khoản.
- Storefront
- Script Manager
- Create a Script
- Footer
- Storefront
Footer · Storefront
<script async
src="YOUR_STUDIO_WIDGET_SCRIPT_URL"
data-token="YOUR_CHANNEL_TOKEN"
data-server="YOUR_STUDIO_SERVER_URL"
></script> Làm theo từng bước.
Mọi bước đều bắt đầu bằng mã cài đặt thật của kênh Website Chat; mã ví dụ trên trang tổng quan không dùng để triển khai.
-
Trong BigCommerce Control Panel, mở Storefront → Script Manager → Create a Script.
-
Đặt tên “TrolyPage Website Chat”; chọn đặt ở Footer và phạm vi Storefront pages hoặc All Pages tùy nhu cầu.
-
Chọn loại mã có thể dán nội dung script rồi dán toàn bộ mã từ TrolyPage Studio. Chọn danh mục consent theo chính sách của cửa hàng.
-
Lưu, mở một trang storefront công khai, sau đó kiểm tra lại từ TrolyPage Studio.
Nhờ ChatGPT hoặc Claude cài hộ
Dùng được cả khi website của bạn không có trong danh sách. Thay dòng giữ chỗ bằng mã nhúng từ Studio, chỉnh prompt nếu cần, rồi gửi cho AI có quyền truy cập website.
Nút dưới đây chỉ sao chép, không tự gửi dữ liệu. Nếu AI không có quyền sửa website, AI sẽ hướng dẫn bạn thao tác. Không chia sẻ mật khẩu hay API key quản trị.
Bạn có thể sửa nội dung trước khi sao chép.
Xác minh cài đặt
Mở một trang công khai có gắn mã. Khi widget tải, quay về mục Cài đặt của kênh trong Studio và nhấn Kiểm tra lại. Trạng thái chỉ xác nhận sau khi hệ thống nhận tín hiệu từ website thật.
Kiểm tra trong StudioNếu chưa thấy widget
- Không chọn chỉ Order Confirmation nếu bạn cần chat trên trang cửa hàng. Cửa hàng headless cần xác nhận storefront thực sự tải Script Manager.
- Xác nhận cấu hình kênh đã Xuất bản và domain website nằm trong danh sách cho phép.
- Kiểm tra mã chỉ xuất hiện một lần trên trang và không bị cache/CSP/chặn script cản trở.
- Mở trang công khai ở cửa sổ riêng tư rồi bấm Kiểm tra lại; bản xem trước của trình dựng trang không thay thế trang thật.
Thao tác trong giao diện nền tảng được đối chiếu với tài liệu chính thức. Đây là cách chèn mã, không phải tích hợp/plugin chính thức của TrolyPage trên nền tảng đó.
Xem tài liệu của BigCommerce