How to Add Asyntai AI Chatbot to Document360
Step-by-step guide for Document360 knowledge bases
Stap 1: Uw insluitcode ophalen
Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:
<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>
Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.
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
Opmerking: 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>
Tip: 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
Belangrijk: 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.
Ziet u de widget niet? 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.
Hulp nodig?
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.
Professionele ondersteuning: Asyntai support is happy to walk you through the setup if you run into any issues adding the widget to your Document360 knowledge base.
Weebly