Cách thêm Asyntai AI Chatbot vào WordPress

Hướng dẫn từng bước cho các trang web WordPress

Nền tảng:

Bước 1: Lấy Mã Nhúng của Bạn

Đầu tiên, đi đến Bảng điều khiển Asyntai và cuộn xuống phần "Mã Nhúng". Sao chép mã nhúng duy nhất của bạn sẽ trông như thế này:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

Bước 2: Chọn Phương pháp Cài đặt

Có nhiều cách để thêm widget chat vào WordPress. Chọn phương pháp phù hợp nhất với bạn:

Phương pháp 1: Sử dụng Plugin (Khuyến nghị)

Cách dễ nhất để thêm widget chat là sử dụng plugin như "Insert Headers and Footers" hoặc "WPCode".

Sử dụng WPCode (Miễn phí)

Go to Plugins → Add New in your WordPress admin
Tìm kiếm "WPCode" và cài đặt nó
Kích hoạt plugin
Vào Code Snippets → Header & Footer
Dán mã nhúng Asyntai của bạn vào phần "Footer"
Nhấp "Save Changes"

Sử dụng Insert Headers and Footers

Go to Plugins → Add New in your WordPress admin
Tìm kiếm "Insert Headers and Footers" của WPBeginner
Cài đặt và kích hoạt plugin
Go to Settings → Insert Headers and Footers
Dán mã nhúng Asyntai của bạn vào ô "Scripts in Footer"
Nhấp "Save"

Tại sao nên sử dụng plugin? Sử dụng plugin đảm bảo mã của bạn vẫn được giữ nguyên ngay cả khi bạn cập nhật hoặc thay đổi giao diện WordPress của bạn.

Phương pháp 2: Chỉnh sửa tệp giao diện

Bạn có thể thêm mã trực tiếp vào các tệp giao diện của bạn. Vị trí của Trình chỉnh sửa tệp giao diện phụ thuộc vào phiên bản WordPress và loại giao diện của bạn.

Dành cho giao diện clả điển

Vào Appearance → Theme File Editor trong trang quản trị WordPress của bạn
Select your active theme from the dropdown (if not already selected)
Tìm và nhấp vào footer.php trong danh sách tệp bên phải
Cuộn xuống cuối và tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>
Nhấp "Update File"

Dành cho giao diện khối (Giao diện FSE)

Nếu bạn đang sử dụng giao diện dựa trên khối (như Twenty Twenty-Four hoặc các giao diện Chỉnh sửa toàn trang khác), Trình chỉnh sửa tệp giao diện đã được chuyển:

Vào Tools → Theme File Editor trong trang quản trị WordPress của bạn
Chọn giao diện đang hoạt động của bạn từ danh sách thả xuống
Tìm footer.php hoặc footer.html trong danh sách tệp
Thêm mã nhúng Asyntai của bạn trước thẻ đóng </body>
Nhấp "Update File"

Lưu ý: Một số giao diện khối không có tệp footer.php. Trong trường hợp đó, hãy sử dụng phương pháp plugin (WPCode) hoạt động với tất cả các loại giao diện.

Quan trọng: Các bản cập nhật giao diện sẽ ghi đè các thay đổi của bạn. Để có giải pháp vĩnh viễn, hãy sử dụng giao diện con hoặc phương pháp plugin thay thế.

Phương pháp 3: Sử dụng Elementor

Nếu bạn đang sử dụng Elementor, bạn có thể thêm mã thông qua tính năng mã tùy chỉnh của Elementor.

Elementor Pro

Vào Elementor → Custom Code
Nhấp "Add New"
Đặt tên cho nó, ví dụ "Asyntai Chatbot"
Đặt Vị trí thành "Before </body> End"
Dán mã nhúng Asyntai của bạn
Đặt Điều kiện hiển thị thành "Entire Site"
Nhấp "Publish"

Elementor Free

Nếu bạn đang sử dụng phiên bản miễn phí của Elementor, hãy sử dụng phương pháp plugin được mô tả ở trên, vì tính năng chèn mã tùy chỉnh yêu cầu Elementor Pro.

Bước 3: Xác minh Cài đặt

Sau khi thêm mã, hãy truy cập trang web của bạn trong một tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút widget chat ở góc dưới bên phải của trang web. Nhấp vào để đảm bảo nó mở và hoạt động đúng.

Không thấy tiện ích? Xóa bộ nhớ đệm trình duyệt và bất kỳ plugin lưu đệm WordPress nào. Nếu bạn đang sử dụng plugin lưu đệm như WP Rocket hoặc W3 Total Cache, hãy xóa bộ nhớ đệm sau khi thêm mã.

Tài liệu