En resumen
Crea una cuenta gratuita en Nexoply, agrega la información de tu tienda (envíos, devoluciones, tallas, productos y precios) y copia el código de instalación de una línea desde la página Chatbot de tu panel. En Shopify, ve a Tienda online → Temas, haz clic en el botón … junto a tu tema publicado, elige Editar código, abre layout/theme.liquid, pega el código justo antes de </body> y guarda. El botón de chat aparece en toda tu tienda.
- Una línea de código en el archivo theme.liquid de tu tema: sin apps de Shopify que instalar, sin clave de IA.
- Duplica tu tema primero, para tener un respaldo antes de editar el código.
- Funciona con temas Online Store 2.0 como Dawn, y también con temas más antiguos.
- Responde preguntas de envíos, devoluciones, tallas y productos con la información que le das. No consulta pedidos.
- Si actualizas tu tema a una nueva versión, quizás tengas que volver a pegar la línea.
Antes de empezar
Necesitas tres cosas:
- Una cuenta de Nexoply. Regístrate gratis: el plan Free incluye 100 conversaciones al mes, sin tarjeta.
- La información de tu tienda en Nexoply: costos y plazos de envío, política de devoluciones y cambios, guías de tallas, productos y precios, horarios o datos de retiro. Lo más rápido es escribir la dirección de tu tienda y dejar que Nexoply importe tus páginas públicas, incluidos los precios con su moneda. Tú revisas las sugerencias; no se agrega nada hasta que lo apruebes.
- Acceso al administrador de Shopify con permiso para editar temas.
Paso 1: Copia tu código de instalación
En tu panel de Nexoply, abre la página Chatbot (haz clic en Crear chatbot si todavía no lo creaste) y copia el código de instalación. Se ve así:
<script src="https://nexoply.com/widget.js" data-chatbot="YOUR-KEY" async></script>En lugar de YOUR-KEY va la clave de tu chatbot, que la página Chatbot ya completa por ti. La clave es pública: no es una contraseña y no da acceso a tu cuenta ni a tu tienda. Para probar el asistente antes, usa Abrir una página de prueba con tu chatbot.
Paso 2: Pégalo en theme.liquid
Respalda tu tema
En el administrador de Shopify, ve a Tienda online → Temas. Haz clic en el botón … junto a tu tema actual y elige Duplicar. La copia aparece en tu biblioteca de temas y es tu respaldo.
Abre el editor de código
Vuelve a hacer clic en el botón … junto a tu tema actual (el publicado) y elige Editar código.
Abre theme.liquid
En la lista de archivos, abre la carpeta layout y haz clic en theme.liquid. Este archivo envuelve todas las páginas de tu tienda.
Pega antes de </body>
Busca la etiqueta de cierre </body> cerca del final (usa Ctrl+F o Cmd+F) y pega tu código de Nexoply en su propia línea, justo encima.
Guarda
Haz clic en Guardar. El cambio queda activo en tu tienda de inmediato.
Paso 3: Comprueba que funciona
Abre tu tienda en una ventana privada nueva. Si tu tienda todavía está protegida con contraseña, ingrésala primero. Aparece un botón de chat en la esquina inferior. Haz una pregunta como la haría un cliente, por ejemplo "¿Cuánto tarda el envío a Bogotá?" o "¿Esta chaqueta viene pequeña?". En segundos, la conversación aparece en Conversaciones en tu panel de Nexoply. Los cambios que hagas en el panel llegan a tu tienda en aproximadamente un minuto, sin volver a editar el tema.
Qué puede responder el asistente en una tienda
El asistente responde solo con la información que le das, y lo dice cuando no sabe algo en lugar de adivinar. En una tienda, eso suele incluir:
- Envíos: a dónde envías, costos, plazos de entrega y monto mínimo para envío gratis.
- Devoluciones y cambios: plazos, estado del producto y quién paga el envío de vuelta.
- Tallas y calce, materiales y cuidados, según tus guías de tallas y descripciones de productos.
- Productos y precios tal como aparecen, con un enlace a la página correcta de tu tienda.
- Datos de contacto, retiro en tienda u horarios.
No consulta pedidos ni números de seguimiento, y no está conectado a tus datos de Shopify. Para "¿Dónde está mi pedido?", agrega una pregunta frecuente que lleve al cliente a tu página de estado del pedido o a tu correo de contacto.
Solución de problemas y personalización
- Tema equivocado. Asegúrate de haber editado el tema publicado (el actual), no la copia ni otro tema de tu biblioteca.
- Lugar equivocado. El código debe estar en layout/theme.liquid justo antes de </body>, pegado una sola vez y completo. No en un archivo de sección ni en el head.
- Después de actualizar el tema. Cuando actualizas un tema a una nueva versión, Shopify agrega la nueva versión como un tema aparte, y los cambios de código no siempre se conservan. Revisa theme.liquid y vuelve a pegar la línea si hace falta.
- Dominios permitidos. Si configuraste Permitir solo en estos sitios web en la página Chatbot, incluye tu dominio propio y tu dirección myshopify.com si los clientes usan cualquiera de los dos (por ejemplo mitienda.com, mitienda.myshopify.com).
- Chatbot apagado o bloqueadores de anuncios. Comprueba que el interruptor Chatbot activado esté encendido. En casos raros, una extensión del navegador bloquea los widgets de chat; prueba con otro navegador.
Para que combine con tu marca, ve a Chatbot → Personalizar: elige el ícono del botón de mensaje (o tu propia imagen), un texto, la forma, el tamaño, los colores y la posición, o usa en su lugar una pestaña lateral en el borde de la pantalla (como "Ayuda"). Define un aspecto distinto en celulares para que el botón no tape la barra de agregar al carrito, y usa reglas de página para cambiarlo en páginas concretas (por ejemplo /products/*). Después, revisa las conversaciones con frecuencia: las preguntas sin respuesta aparecen en una lista y se convierten en preguntas frecuentes con un clic. Mira cómo funciona o los precios para tiendas con más movimiento.
Preguntas frecuentes
¿Hace más lenta mi tienda Shopify?
No de forma apreciable. El script carga de forma asíncrona, así que tus páginas aparecen primero, y espera a que la página esté lista. Su código está protegido para que un error nunca pueda romper tu tienda.
¿Funciona con mi tema?
Sí. Todos los temas de Shopify, incluidos los Online Store 2.0 como Dawn, tienen layout/theme.liquid. El widget usa un Shadow DOM, así que los estilos de tu tema no cambian el chat, ni al revés.
¿Puede rastrear pedidos o revisar el stock?
No. Nexoply no es una integración de seguimiento de pedidos y no lee tus datos de Shopify. Responde con la información que agregas, como envíos, devoluciones y guías de tallas, y puede enviar a los clientes a tu página de estado del pedido o de contacto.
¿Hay una app de Nexoply en la Shopify App Store?
No, y no la necesitas. Agregas una línea a theme.liquid, y toda la configuración está en tu panel de Nexoply.
¿Qué pasa si cambio o actualizo mi tema?
El código vive en el tema, así que un tema nuevo o una versión nueva puede no incluirlo. Abre theme.liquid en el tema nuevo y vuelve a pegar la línea antes de </body>.
