Cómo añadir el chatbot de IA de Asyntai a Tilda
Guía paso a paso para sitios web de Tilda
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:
- Log in to your Tilda account and open your site editor
- Click Site Settings (gear icon) in the top menu
- Desplácese hasta la sección "More"
- Find "HTML code for the HEAD section for all pages"
- Haga clic en "Edit code"
- Pegue su código de inserción de Asyntai en el cuadro de texto
- Haga clic en "Save"
- 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:
- Open the page you want to edit in the Tilda editor
- Click "+ Add Block" or press "T"
- En la Biblioteca de bloques, ve a Other → T123 (Embed HTML Code)
- Alternatively, search for "T123" in the search bar
- Haga clic en el bloque T123 para añadirlo a su página
- In the block settings, paste your Asyntai embed code
- Posiciona el bloque en cualquier lugar de su página (no afecta la ubicación del widget)
- 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:
- Abra la página en el editor de Tilda
- Click Page Settings (gear icon) in the top menu
- Ve a la pestaña "Additional"
- Busque "HTML code for the HEAD section"
- Pegue su código de inserción de Asyntai
- 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.
Weebly