Un chat con IA para un sitio de Tilda: guía paso a paso y trampas
Las tiendas de Tilda se conectan a un chat con IA más rápido que ninguna: el código se pega en los ajustes del sitio y el bot suele encontrar el catálogo solo. Pero esos dos pasos tienen detalles que a los principiantes les cuestan una hora. Vamos por orden.
Qué necesitas de antemano
- Un proyecto de Tilda con páginas publicadas. El bot lee lo que ve un visitante normal, así que los borradores y las páginas protegidas con contraseña le son invisibles.
- Un catálogo creado con los bloques de tienda de Tilda (los productos tienen sus propias páginas).
- Un mapa del sitio. Tilda crea
sitemap.xmlpor sí misma salvo que esté desactivado en los ajustes. Compruébalo: abretu-sitio.com/sitemap.xml. - Condiciones de envío, pago y devoluciones en el texto de tus páginas, no en imágenes. El bot no lee texto de imágenes.
De dónde saca el bot el catálogo
Las páginas de producto de Tilda contienen marcado schema.org: nombre, precio, disponibilidad y foto. La dirección de una página así contiene /tproduct/. El bot encuentra esas direcciones en el mapa del sitio y lee los datos.
Para asegurarte de que tu tienda está bien, abre cualquier ficha de producto en su propia página. Si tiene su propia dirección del tipo tu-sitio.com/catalog/tproduct/..., todo está bien.
Paso 1. Obtén el código
El código parece una sola línea:
<script async src="https://api.botnow.site/widget.js" data-key="tu_clave"></script>
Lo obtienes en el asistente de botnow.site cuando el bot ha estudiado tu sitio y has comprobado sus respuestas.
Paso 2. Pega el código en Tilda
Opción 1. Para todo el sitio.
- Abre el proyecto y ve a «Ajustes del sitio».
- Sección «Más», el campo para código HTML (dentro de HEAD o de BODY, según lo que esté disponible en tu plan).
- Pulsa «Editar código», pega la línea y guarda.
- Publica todas las páginas. El código de los ajustes del sitio se asocia a todas las páginas del proyecto, pero los cambios se aplican solo después de publicar.
Opción 2. Para una sola página. Añade un bloque T123 «Código HTML» de la sección «Otros», pega la línea y publica la página. Es adecuado si el chat solo se necesita en el catálogo y en las páginas de producto.
Paso 3. Comprueba
Abre el sitio publicado en una ventana en la que no hayas iniciado sesión en Tilda. Aparece un botón de chat en la esquina inferior derecha. En el asistente de BotNow el estado cambia a «widget encontrado».
Los estilos de Tilda y los elementos de Zero Block no afectan al widget: funciona en una envoltura aislada.
Qué puede salir mal
El chat no apareció. Comprueba por orden: si la página se publicó tras la edición, si el código se pegó en un bloque comentado, si el navegador bloquea scripts de terceros (una extensión que bloquea anuncios). Abre la consola del navegador: si el widget se prohibió en este dominio, habrá un mensaje.
El bot no encuentra los productos. Casi siempre hay dos causas:
- Las fichas se abren en una ventana emergente sin direcciones propias y no están en el mapa del sitio.
- En lugar de un precio figura «precio bajo petición». El bot verá el producto pero no podrá dar un precio y dirá que hay que confirmarlo.
En ambos casos ayuda un feed XML (YML) o un archivo con la lista de productos; consulta sitios propios.
Los precios del chat difieren de los del sitio. El bot da el precio que leyó cuando estudió el sitio. Si cambiaste los precios después, vuelve a leer el sitio: la actualización programada del catálogo está prevista para el panel.
El carrito de Tilda y el pago. El bot no gestiona pedidos ni añade productos al carrito. Indica el precio, muestra la ficha y lleva a la página del producto, y desde allí el comprador actúa.
Qué comprobar antes del lanzamiento
Hazle al bot las 10 preguntas que más hacen tus compradores y comprueba aparte los precios y las preguntas de envío. Cómo organizar esa comprobación se describe en Cómo probar un chat con IA antes del lanzamiento.
Preguntas frecuentes
¿Necesito un plan de pago de Tilda para conectar el chat?
Pegar tu propio código HTML en los ajustes del sitio no está disponible en todos los planes y las condiciones cambian, así que comprueba las reglas vigentes en la ayuda de Tilda. Si el campo de código no está disponible en los ajustes del sitio, usa un bloque T123 «Código HTML» en las páginas.
¿Ve el bot los productos que solo existen en fichas emergentes?
Solo si esos productos tienen direcciones de página propias y están en el mapa del sitio. Si una ficha se abre sin dirección propia, el bot no la encontrará. En ese caso ayuda un feed XML (YML) o un archivo de productos subido.
Véase también
BotNow lee una tienda online, responde a los compradores y recomienda productos según el presupuesto. 7 días gratis, sin tarjeta. Cómo funciona · Escríbenos