Cài Website Chat trên Shopify
Thêm mã vào theme cửa hàng để chat xuất hiện trên các 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.
- Online Store
- Themes
- Edit code
- layout/theme.liquid
- </body>
layout/theme.liquid
<script async
src="YOUR_STUDIO_WIDGET_SCRIPT_URL"
data-token="YOUR_CHANNEL_TOKEN"
data-server="YOUR_STUDIO_SERVER_URL"
></script>
</body> 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 Shopify Admin, mở Online Store → Themes và nhân bản theme hiện tại để có bản dự phòng.
-
Tại theme đang dùng, mở menu thao tác → Edit code, rồi chọn layout/theme.liquid.
-
Tìm thẻ đóng </body> và dán nguyên mã từ TrolyPage Studio ngay phía trên thẻ đó.
-
Lưu, mở storefront công khai (trang chủ và trang sản phẩm), rồi kiểm tra lại trong 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
- Đây là cài bằng mã theme, không phải Shopify App. Phạm vi trang checkout phụ thuộc Shopify và không được bảo đảm bởi hướng dẫn này.
- 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 Shopify