Volver al panel

Documentación

Aprende a usar Asyntai

Cómo añadir el chatbot de IA de Asyntai a Tilda

Guía paso a paso para sitios web de Tilda

Obtener código de inserción

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

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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.

Paso 2: Añadir código a todo su sitio (Recomendado)

Para agregar el chatbot a todas las páginas de su sitio web Tilda a la vez, use el método de Site Settings:

  1. Log in to your Tilda account and open your site editor
  2. Click Site Settings (gear icon) in the top menu
  3. Desplácese hasta la sección "More"
  4. Find "HTML code for the HEAD section for all pages"
  5. Haga clic en "Edit code"
  6. Pegue su código de inserción de Asyntai en el cuadro de texto
  7. Haga clic en "Save"
  8. Click "Publish" to apply changes to your live site

Consejo: Este método agrega el chatbot a cada página de su sitio automáticamente. Es la forma mas fácil de asegurar que el chatbot este disponible en todo el sitio para sus visitantes.

Alternativa: Usar el bloque T123 (Páginas específicas)

Si deseas agregar el chatbot solo a páginas específicas, puede usar el bloque HTML T123 de Tilda:

  1. Open the page you want to edit in the Tilda editor
  2. Click "+ Add Block" or press "T"
  3. En la Biblioteca de bloques, ve a Other → T123 (Embed HTML Code)
  4. Alternatively, search for "T123" in the search bar
  5. Haga clic en el bloque T123 para añadirlo a su página
  6. In the block settings, paste your Asyntai embed code
  7. Posiciona el bloque en cualquier lugar de su página (no afecta la ubicación del widget)
  8. Click "Publish" to make the changes live

Nota: El bloque T123 soporta HTML, JavaScript (dentro de etiquetas <script>) y CSS (dentro de etiquetas <style>). La ubicación visual del bloque no importa - el chatbot aparecera en la esquina inferior derecha segun la configuración.

Sección Head por página (Avanzado)

For more control, you can add code to individual page head sections:

  1. Abra la página en el editor de Tilda
  2. Click Page Settings (gear icon) in the top menu
  3. Ve a la pestaña "Additional"
  4. Busque "HTML code for the HEAD section"
  5. Pegue su código de inserción de Asyntai
  6. Click "Save" and then "Publish"

Importante: Al usar el bloque T123 o el método por página, necesitaras agregar el código a cada página donde desees que aparezca el chatbot. Para una instalación en todo el sitio, use el método de Site Settings descrito en el Paso 2.

Paso 3: Verificar la instalación

Después de publicar sus cambios, abra su sitio web en una nueva pestana del navegador o en una ventana de incognito. Deberias ver el botón del widget de chat en la esquina inferior derecha. Haga clic en el para asegurarte de que se abra y funciona correctamente.

¿No ves el widget? Asegurate de haber publicado sus cambios (no solo guardado). Intenta limpiar la cache del navegador o ver su sitio en una ventana de incognito. Los cambios de Tilda pueden tardar un momento en aparecer en el sitio en vivo.