How to Add Asyntai AI Chatbot to Super.so

Step-by-step guide for Super.so sites

Plataforma:

Paso 1: Obtén su código de inserción

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu código de inserción único que se verá así:

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

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

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

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

Consejo: 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
Haga clic en Save

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

Paso 4: Verificar la instalación

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.

¿No ves el 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.

¿Necesita ayuda?

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.

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