Back to Dashboard

Documentation

Learn how to use Asyntai

How to Add Asyntai AI Chatbot to Super.so

Step-by-step guide for Super.so sites

Get Embed Code

Step 1: Get Your Embed Code

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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>

Note: The code above is just an example. You must copy your own unique embed code from your Dashboard as it contains your personal 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:

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

Note: 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:

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

Tip: 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:

  1. In the site editor, open the Pages panel
  2. Click the code icon on the specific page you want
  3. Paste your Asyntai embed code into the Head field for that page
  4. Click Save

Note: 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.

Step 4: Verify Installation

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.

Not seeing the widget? 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.

Need Help?

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.

Tip: 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.