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

Guía paso a paso para sitios web de Tilda

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

Inicia sesión en tu cuenta de Tilda y abre el editor de tu sitio
Haz clic en Configuración del sitio (icono de engranaje) en el menú superior
Desplácese hasta la sección "More"
Busca "Código HTML para la sección HEAD de todas las páginas"
Haga clic en "Edit code"
Pegue su código de inserción de Asyntai en el cuadro de texto
Haga clic en "Save"
Haz clic en "Publicar" para aplicar los cambios a tu sitio en vivo

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

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

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

Abre la página que quieres editar en el editor de Tilda
Haz clic en "+ Agregar bloque" o presiona "T"
En la Biblioteca de bloques, ve a Other → T123 (Embed HTML Code)
Alternativamente, busca "T123" en la barra de búsqueda
Haga clic en el bloque T123 para añadirlo a su página
En la configuración del bloque, pega tu código de incrustación de Asyntai
Posiciona el bloque en cualquier lugar de su página (no afecta la ubicación del widget)
Haz clic en "Publicar" para hacer los cambios en vivo

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 aparecerá en la esquina inferior derecha según la configuración.

Sección Head por página (Avanzado)

Para más control, puedes agregar código a las secciones head de páginas individuales:

Abra la página en el editor de Tilda
Haz clic en Configuración de página (icono de engranaje) en el menú superior
Ve a la pestaña "Additional"
Busque "HTML code for the HEAD section"
Pegue su código de inserción de Asyntai
Haz clic en "Guardar" y luego en "Publicar"

Importante: Al usar el bloque T123 o el método por página, necesitará agregar el código a cada página donde desee 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 pestaña del navegador o en una ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.