How to Add Asyntai AI Chatbot to Document360

Step-by-step guide for Document360 knowledge bases

แพลตฟอร์ม:

ขั้นตอนที่ 1: รับโค้ดฝังตัวของคุณ

ขั้นแรก ไปที่ แดชบอร์ด Asyntai ของคุณ แล้วเลื่อนลงไปที่ส่วน "โค้ดฝัง" คัดลอกโค้ดฝังเฉพาะของคุณ ซึ่งจะมีลักษณะดังนี้:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

หมายเหตุ: โค้ดด้านบนเป็นเพียงตัวอย่าง คุณต้องคัดลอกโค้ดฝังตัวเฉพาะของคุณจากแดชบอร์ดเนื่องจากมี widget ID ส่วนตัวของคุณ

Step 2: Open the Custom CSS & JavaScript Settings

Document360 lets you inject custom JavaScript into every page of your knowledge base site. Here's how to reach the editor:

Log in to your Document360 portal
Click the Settings (gear) icon in the left sidebar
Go to Knowledge base site → Custom CSS & JavaScript
Select the JavaScript tab to open the code editor

หมายเหตุ: You need Owner or Admin permissions on the project to edit these settings. On some plans this section appears under Settings → Knowledge base site → Site customization.

Step 3: Paste Your Embed Code

With the JavaScript tab open, add your Asyntai snippet:

Click inside the JavaScript code editor text area
Paste your Asyntai embed code (the full <script> tag from your Dashboard)
Click Save to store your changes

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

เคล็ดลับ: Document360 injects this code at the bottom of every page of your knowledge base site, so the chat widget will automatically appear across all of your articles and category pages.

Step 4: Publish Your Knowledge Base

Saving the setting stores it, but you may need to publish for the change to reach your live site:

After saving, make sure your knowledge base site is published
Open your live knowledge base URL to confirm the widget loads

สำคัญ: Custom JavaScript is intentionally disabled in shareable preview links. To verify your snippet, always open the published knowledge base site directly rather than a preview link.

Step 5: Verify Installation

Open your live Document360 knowledge base in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

ไม่เห็นวิดเจ็ต? Make sure you saved the JavaScript setting and published your knowledge base site. Clear your browser cache or view in incognito mode, and confirm you're viewing the live site (not a preview link). Check the browser console (F12) for any JavaScript errors.

ต้องการความช่วยเหลือ?

If you're not comfortable editing the Custom JavaScript settings, Document360's support team can help you configure custom code on your knowledge base site. You can also contact Asyntai support for guidance on installing the chatbot on your Document360 knowledge base.

การสนับสนุนระดับมืออาชีพ: Asyntai support is happy to walk you through the setup if you run into any issues adding the widget to your Document360 knowledge base.