Cách Thêm Chatbot AI Asyntai vào ExpressionEngine

Nền tảng:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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:

Bước 2: Thêm vào Bố cục Mẫu (Khuyến nghị)

Cách dễ nhất để thêm chatbot vào tất cả trang là chỉnh sửa mẫu bố cục chính trong bảng điều khiển ExpressionEngine:

1. Trong bảng điều khiển EE, đi đến Developer > Templates > Template Groups
2. Mở nhóm mẫu chính (thường là "site") và chỉnh sửa mẫu bố cục (hoặc mẫu bao bọc tất cả trang)
3. Tìm thẻ đóng </body>
4. Dán mã nhúng Asyntai ngay trước thẻ </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Lưu mẫu

Phương pháp Thay thế 1: Sử dụng Template Partials EE

Template Partials ExpressionEngine cho phép bạn tạo đoạn mã tái sử dụng có thể bao gồm trong các mẫu:

1. Đi đến Developer > Templates > Template Partials
2. Nhấp "New" để tạo partial mới có tên _asyntai_widget
3. Dán mã nhúng Asyntai vào nội dung partial:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Lưu partial
5. Bao gồm nó trong mẫu bố cục ngay trước thẻ đóng </body>:
   {embed="_asyntai_widget"} </body>

Phương pháp Thay thế 2: Sử dụng HTML Header/Footer của EE

Một số thiết lập ExpressionEngine cung cấp phần chân trang toàn cục để thêm tập lệnh:

1. Đi đến Settings > Content & Design > Global Template Preferences
2. Nếu thiết lập EE có phần chân trang toàn cục, dán mã nhúng Asyntai ở đó
3. Nếu không có phần chân trang toàn cục, chỉnh sửa trực tiếp mẫu bố cục chính và thêm mã nhúng trước thẻ đóng </body>:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Lưu thay đổi

Phương pháp Thay thế 3: Sử dụng config.php

Cho người dùng nâng cao, bạn có thể chèn tập lệnh chatbot qua cấu hình ExpressionEngine hoặc bằng cách tạo add-on tùy chỉnh:

1. Truy cập tệp dự án ExpressionEngine qua FTP, SSH hoặc trình biên tập mã
2. Điều hướng đến thư mục system/user/config/ và mở config.php
3. Để chèn JavaScript tùy chỉnh, hãy cân nhắc tạo add-on/extension EE đơn giản kết nối vào hook template_post_parse để chèn script khi hiển thị trang:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. Thay thế YOUR_WIDGET_ID bằng ID tiện ích thực tế từ bảng điều khiển

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

Sau khi lưu thay đổi, truy cập trang web ExpressionEngine trong tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút tiện ích trò chuyện ở góc dưới bên phải. Nhấp vào nó để đảm bảo nó mở và hoạt động chính xác.