How to Add Asyntai AI Chatbot to Super.so

Step-by-step guide for Super.so sites

Plataforma:

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

<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: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

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

Dica: 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
Clique em 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.

Passo 4: Verificar a Instalação

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.

Não está vendo o 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.

Precisa de Ajuda?

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.

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