How to Add Asyntai AI Chatbot to Super.so

Step-by-step guide for Super.so sites

แพลตฟอร์ม:

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

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

<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 Your Site's Code Settings

Super lets you add custom code to your entire site through the built-in Code settings. There's no theme file to edit:

Log in to your Super dashboard and open the site you want to add the chatbot to
Open the site editor for that site
Click the Settings (cog) icon
Click into the Code page

หมายเหตุ: The Code page has three tabs: Head, Body, and CSS. Code added here applies globally to every page of your site.

Step 3: Paste the Embed Code in the Head Tab

The Head tab is Super's recommended place for scripts and embed code such as analytics, pop-ups, and chat bubbles:

In the Code page, select the Head tab
Paste your Asyntai embed code into the Head field
Click Save to apply your changes
Your chatbot will now load on every page of your Super site

เคล็ดลับ: Adding the code in the Head tab applies it site-wide automatically, so the chatbot appears on all pages of your Notion-powered site without any per-page setup.

Alternative: Add the Chatbot to a Single Page

If you only want the chatbot on one specific page instead of your whole site:

In the site editor, open the Pages panel
Click the code icon on the specific page you want
Paste your Asyntai embed code into the Head field for that page
คลิก Save

หมายเหตุ: Per-page code only affects the single page you edit. For most sites, adding the code once in the global Head tab is the simplest option.

ขั้นตอนที่ 4: ตรวจสอบการติดตั้ง

After saving your changes, open your Super site 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 clicked Save on the Code page. Clear your browser cache or view in incognito mode, as changes may take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

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

If you're not comfortable editing your site's Code settings, Super's support team can help with custom code requests. You can also contact Asyntai support for guidance on installing the chatbot on your Super site.

เคล็ดลับ: Because the embed code lives in your site's global Head settings, it stays in place as you edit your Notion content — you only need to add it once.