Cài Website Chat trên WordPress
Chèn script TrolyPage vào footer toàn website; không cần plugin TrolyPage.
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.
-
Xuất bản kênh trong TrolyPage Studio và sao chép nguyên mã cài đặt của kênh.
-
Sao lưu website, rồi mở functions.php của child theme đang hoạt động trong wp-content/themes. Đừng sửa trực tiếp parent theme vì bản cập nhật có thể ghi đè thay đổi.
-
Trong functions.php, đăng ký callback cho wp_footer và in nguyên thẻ script đã sao chép như ví dụ minh họa. Nếu theme hoặc nhà cung cấp hosting đã có ô Custom Code áp dụng toàn site, bạn cũng có thể dán trực tiếp thẻ script vào vị trí Footer/Body end ở đó.
-
Triển khai thay đổi, xóa cache website/CDN nếu có, rồi mở một trang công khai ở cửa sổ riêng tư để kiểm tra widget.
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
- Theme cần gọi wp_footer() để cách chèn qua hook hoạt động. Đừng dán vào một bài viết nếu bạn muốn chat hiện trên mọi trang.
- 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 WordPress