Cài Website Chat trên WooCommerce
Dùng footer WordPress để hiển thị Website Chat trên các trang cửa hàng WooCommerce.
Xem các bướcVị trí đặt mã
Ví dụ chèn script qua child theme; nếu website có sẵn ô Custom Code toàn site, bạn có thể dùng ô đó.
- Theme con
- functions.php
- wp_footer
- Triển khai
functions.php · wp_footer
add_action('wp_footer', function () {
?>
<script async
src="YOUR_STUDIO_WIDGET_SCRIPT_URL"
data-token="YOUR_CHANNEL_TOKEN"
data-server="YOUR_STUDIO_SERVER_URL"
></script>
<?php
});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 TrolyPage, xuất bản kênh Website Chat và sao chép mã cài đặt riêng của kênh.
-
Sao lưu website, mở functions.php của child theme đang hoạt động và thêm callback wp_footer như sơ đồ. Nếu theme/hosting có ô Custom Code toàn site, có thể dán script vào Footer/Body end ở đó.
-
Dán nguyên mã kênh vào callback hoặc ô Custom Code, rồi triển khai. Chỉ gắn một lần; không đặt thêm bản sao trong template sản phẩm hoặc giỏ hàng.
-
Mở trang sản phẩm và giỏ hàng công khai để kiểm tra widget, sau đó bấm Kiểm tra lại trong 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
- Cách này cài widget chat, không tự đồng bộ đơn hàng hoặc nội dung giỏ hàng vào TrolyPage.
- 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 WooCommerce