Cómo instalar el agente en Tilda
Guía paso a paso: dónde insertar el código del widget en Tilda, cómo vincularlo con el carrito de compra, qué hacer con la caché y cómo verificar que el agente funciona en todas las páginas.
Tilda es el caso más frecuente entre nuestras tiendas: tienen una web atractiva y productos, pero nadie responde a las preguntas. La instalación lleva cinco minutos y no requiere de un programador.
Paso 1. Copie el código#
En el panel de control, abra «Widget y enlace» y haga clic en «Copiar código». Es una única línea con el formato <script src="…" async></script>.
Paso 2. Insértelo en Tilda#
- En su panel de control de Tilda, abra el proyecto deseado.
- Haga clic en «Configuración del sitio».
- Vaya a la sección «Más» → «Código HTML para insertar dentro de head/body».
- Inserte el código en el campo Código HTML para body (no en head).
- Guarde.
A continuación, un paso obligatorio que a menudo se olvida: vuelva a publicar todas las páginas. Tilda aplica el código al publicar, por lo que el widget no aparecerá en las páginas no publicadas. En la lista de páginas, encontrará un botón para publicarlas todas a la vez.
Si inserta el código en el campo para head, el widget también se cargará, pero más tarde y con riesgo de conflictos. El lugar correcto es body.
Paso 3. Vincule con la cesta#
Si tiene una tienda en Tilda con su propia cesta de la compra, no es necesario activar el pago en el chat. En su lugar, especifique en la configuración de la tienda el enlace a la cesta: normalmente es la dirección de la página de la cesta de su sitio web. El agente guiará al comprador hasta ella, y el proceso de compra seguirá el camino habitual.
Si no tiene cesta y los productos se venden «bajo petición», active el pago en el chat; así, todo el proceso se mantendrá dentro de la conversación. Detalles en el artículo Pago en el chat.
Paso 4. Recopile el catálogo#
En la configuración, introduzca la dirección del sitio web y ejecute el análisis. El rastreador lee las fichas de producto de Tilda, incluyendo precios, características y fotografías, y al mismo tiempo determina la moneda de la tienda.
Si sus productos no están en el catálogo de Tilda, sino descritos en bloques en las páginas, el rastreo encontrará igualmente los precios y nombres, pero las fichas resultarán menos detalladas. En este caso, la importación de CSV desde «Catálogo» ayuda; Tilda puede exportar productos a un archivo.
El agente no habla del producto, lleva al cliente hasta él#
Aquí es donde el chat deja de ser solo un chat. El comprador pregunta «¿qué tienen por menos de tres mil?», y el agente responde no con un párrafo de texto, sino con fichas: fotografía, nombre, precio, botón. Al hacer clic, se abre la página del producto en su sitio web, en la misma ventana, sin una nueva pestaña y sin perder el contexto.
A continuación, la persona entra en el embudo de ventas habitual de Tilda: su ficha, su botón «Comprar», su cesta. El agente guio, la tienda vendió.
Lo segundo que no se suele esperar: el agente ve qué página está leyendo el comprador en ese momento. Recoge el marcado del producto de la página —nombre, SKU, precio— y entiende la pregunta en contexto. Una persona está en la ficha de un sillón azul y escribe «¿hay cojines para él?»; el agente sabe de qué sillón se trata y ofrece lo que realmente encaja.
El enlace al producto también funciona donde no hay sitio web: si la ficha proviene de una publicación de Instagram o TikTok, el botón abrirá la publicación original. El catálogo se recopila de diferentes lugares, pero siempre lleva a donde se puede comprar.
- Abra el sitio web en modo incógnito. El botón del chat debería aparecer en la esquina inferior derecha en uno o dos segundos.
- Haga una pregunta sobre un producto; el agente debería mostrar una ficha.
- Pregunte sobre el envío; la respuesta debe coincidir con sus condiciones.
- Compruebe el teléfono: en la versión móvil, el botón no debe superponerse a la cesta de Tilda.
Si el botón se superpone a algo importante, cambie su posición a la izquierda en la sección «Widget y enlace».
Chat a juego con el sitio#
Los sitios de Tilda pueden ser claros o marcadamente oscuros, por lo que el widget tiene tres modos de tema: claro, oscuro y «como el del visitante». Este último se adapta a la configuración del dispositivo del usuario y está activado por defecto.
Si su sitio web tiene un estilo definido, fije el mismo tema; el chat dejará de destacar como un parche en la esquina. El color de acento, sin embargo, sigue siendo el suyo en cualquier tema.
Paso 5. Compruebe#
Problemas frecuentes#
El widget no aparece. Nueve de cada diez veces, las páginas no se han vuelto a publicar después de insertar el código. Publique de nuevo y actualice la página borrando la caché.
El widget no es visible en todas las páginas. El código no se ha insertado en la configuración del sitio, sino en un bloque T123 individual en una sola página. Muévalo a «Configuración del sitio» → «Más».
El botón aparece con retraso. Es normal: el script se carga de forma asíncrona, después del contenido principal, para no ralentizar la página.
Conflicto con otro chat. Dos chats en la misma esquina se superponen. Deje uno o sepárelos en lados diferentes.
Preguntas frecuentes#
¿Es necesario un plan de pago de Tilda?#
El código se inserta en la configuración del sitio, lo cual está disponible en los planes de pago de Tilda. En el plan gratuito no se admite la inserción de código arbitrario; en ese caso, utilice el enlace al agente y colóquelo como un botón en la página.
¿El widget ralentizará el sitio?#
No. El script pesa poco y se carga de forma asíncrona; la ventana del chat en sí solo se carga al hacer clic en el botón. Esto no afecta la velocidad de carga de la página de Tilda.
¿Se puede instalar el agente solo en una página?#
Sí, inserte el código no en la configuración del sitio, sino en un bloque «T123 HTML» en la página deseada. Esto se hace, por ejemplo, para una landing page de un solo producto.
¿Funciona con Tilda Store?#
Sí. El agente lee las fichas de producto y la cesta, y deja el proceso de compra a la tienda de Tilda: el comprador va a su cesta con el producto seleccionado.
¿Cómo quitar el widget del sitio?#
Elimine la línea de código en la configuración del sitio y vuelva a publicar las páginas. Los datos y los diálogos se conservan, y el enlace al agente seguirá funcionando.