Añade un agente de voz con IA a tiendas Lightspeed eCom

Cómo añadir AnveVoice a una tienda online de Lightspeed eCom

Lightspeed eCom (C-Series) tiene una opción Custom JavaScript (JavaScript personalizado) bajo Web Extras (extras web) en el Back Office. Se ejecuta en todas las páginas de la tienda. Lightspeed advierte de que está pensada para usuarios con experiencia, de que no ofrece soporte para scripts y de que algunos scripts pueden alterar la herramienta de pedidos, así que prueba con cuidado. Pasos comprobados con la documentación oficial el 2026-10-14.

En resumen

• Dónde va el código: Back Office > Settings > Website Settings > Web Extras > Custom JavaScript
• Programación necesaria: Pegar una sola etiqueta; sin editar plantillas para la vía básica
• Límites del plan: El artículo de Lightspeed no indica ningún requisito de plan, pero dice que no ofrece soporte para scripts y que solo lo recomienda a usuarios con experiencia
• Alcance: Se ejecuta en todas las páginas de la tienda; el Template Editor (editor de plantillas) es la vía de Lightspeed para áreas concretas

Qué producto de Lightspeed cubre esta guía

Lightspeed vende varios sistemas y los nombres se solapan. Esta guía es para eCom (C-Series), el producto de tienda alojada cuyo Back Office tiene Settings > Website Settings > Web Extras. La tienda online más reciente de Lightspeed, E-Series, gestionada desde la pestaña Online dentro del Retail POS, usa un editor de sitio distinto y ubicaciones de código diferentes; no se tratan aquí, y deberías consultar la ayuda de E-Series de Lightspeed para encontrar el equivalente. Si tu Back Office no muestra Web Extras, probablemente usas el otro producto.

Antes de empezar

Crea tu bot de AnveVoice en app.anvevoice.app (plan Free: 0 US$, 50.000 tokens al mes, un bot, sin tarjeta) y copia tu embed ID. Planifica una ventana de prueba: como el JavaScript personalizado de una tienda se ejecuta en cada página, incluido el carrito, conviene probarlo fuera de las horas punta y guardar en algún sitio el contenido anterior del campo. El artículo de ayuda de Lightspeed es directo sobre los riesgos. Describe añadir JavaScript como algo recomendable solo para usuarios con experiencia, dice que el código de seguimiento puede hacer que la herramienta de pedidos de la tienda deje de funcionar, que otros scripts pueden romper el diseño o desactivar otras funciones, y que Lightspeed no ofrece soporte para scripts. Indica que para código externo solo uses conexiones SSL seguras y que uses nombres de variable únicos para evitar conflictos. La etiqueta de AnveVoice se carga desde una dirección https y no define variables propias en tu página, pero las advertencias siguen significando que debes verificar que el pago funciona.

• 1. Copia tu etiqueta de instalación — Sustituye YOUR_EMBED_ID por el ID que aparece en tu panel de AnveVoice (app.anvevoice.app). Los parámetros de URL opcionales son &position=bottom-left y &theme=dark. <script src="https://anvevoice.app/embed.js?embedId=YOUR_EMBED_ID" async></script>

Método 1: Web Extras, Custom JavaScript

• 1. Abre Web Extras — En el menú izquierdo del Back Office, ve a Settings > Website Settings > Web Extras (ajustes > ajustes del sitio web > extras web).
• 2. Abre Custom JavaScript — Haz clic en Custom JavaScript. Según la versión del Back Office, puede aparecer como un interruptor llamado Custom JS que hay que activar antes de que el editor acepte código.
• 3. Pega la etiqueta — Pega la etiqueta de AnveVoice. El artículo de Lightspeed habla de JavaScript en general; una guía de integración con etiqueta script, de otro proveedor, para la misma pantalla de C-Series pega un elemento script completo, que es lo que es la etiqueta de AnveVoice. Si el campo rechaza las etiquetas en tu cuenta, pregunta a Lightspeed qué formato espera.
• 4. Guarda y prueba — Guarda, después visita la tienda en vivo en una ventana privada y haz las pruebas de la siguiente sección.

Método 2: el Template Editor

Para un script que deba aparecer solo en un área, el artículo de Lightspeed remite al Template Editor (editor de plantillas). La documentación para desarrolladores de temas de eCom describe archivos de tema obligatorios llamados head.rain y body.rain, a través de los cuales los usuarios o las aplicaciones insertan código en un tema. Sin embargo, activar el Template Editor tiene consecuencias que Lightspeed documenta en otro lugar: el diseño y el código de tu tienda pasan a ser independientes del tema original, así que dejas de recibir actualizaciones del tema, y cambiar de tema más adelante reemplaza el código que editaste. Para un botón de voz en todo el sitio, esa compensación rara vez merece la pena, así que usa el Método 1 salvo que ya trabajes en el Template Editor.

Puntos específicos de Lightspeed

Herramienta de pedidos: Lightspeed advierte expresamente de que añadir código de tipo seguimiento puede hacer que la herramienta de pedidos deje de funcionar. Tras guardar, pon un producto en el carrito, avanza hasta el último paso del pago (sin pagar) y repite en el móvil. Si algo falla, vacía el campo Custom JavaScript y guarda; la tienda vuelve a su estado anterior. Consentimiento: si usas un banner de cookies, comprueba si tus normas de privacidad exigen que el asistente de voz espere al consentimiento. Es una decisión de negocio y legal que queda fuera de la instalación en sí. Reparto de soporte: Lightspeed da soporte a la tienda; AnveVoice da soporte a la etiqueta. Si el diseño de la tienda se rompe, elimina primero la etiqueta para averiguar de qué lado está el fallo.

Comprueba que funciona

• 1. Abre la tienda en vivo en una ventana privada — Así evitas las sesiones del Back Office y las páginas en caché.
• 2. Usa el botón de voz — Por defecto aparece un botón redondo de micrófono abajo a la derecha; haz clic en él, permite el micrófono (se requiere HTTPS) y haz una pregunta sobre un producto.
• 3. Haz una prueba del carrito — Añade un producto, ve al pago y comprueba que todos los pasos siguen funcionando.

Problemas habituales en Lightspeed eCom

• No aparece nada tras guardar: el interruptor Custom JS está desactivado, o el navegador sigue mostrando la página antigua en caché. Recarga sin caché.
• Diseño o pedidos rotos: elimina la etiqueta y vuelve a probar; otro script de la página puede estar entrando en conflicto.
• El botón falta en una tienda en otro idioma: confirma que Custom JavaScript está definido para la vista de tienda que estás probando.
• No encuentras Web Extras: probablemente usas la tienda online más reciente, E-Series, que tiene su propio editor de sitio.

Fuentes

• Centro de ayuda de Lightspeed eCom (C-Series): añadir JavaScript (https://ecom-support.lightspeedhq.com/hc/en-us/articles/220661887) — consultado el 2026-10-14
• Guía para desarrolladores de temas de Lightspeed eCom (C-Series): validar tu tema (head.rain, body.rain) (https://ecom-support.lightspeedhq.com/hc/en-us/articles/115000277694) — consultado el 2026-10-14
• Centro de ayuda de Lightspeed eCom: introducción al diseño de tu tienda eCom (https://ecom-support.lightspeedhq.com/hc/articles/220320248) — consultado el 2026-10-14

Relacionado

• Cómo añadir AnveVoice a una tienda de BigCommerce
• Cómo añadir AnveVoice a una tienda de Ecwid
• Cómo añadir AnveVoice a Magento y Adobe Commerce
• Cómo añadir AnveVoice a un sitio de Square Online

Prueba AnveVoice en tu sitio

Plan gratuito: 0 US$, 50.000 tokens al mes, sin tarjeta. Obtén tu ID de inserción en el panel y pega una etiqueta.