Guías por plataforma 21 de mayo de 2026

Videowidget para tiendas BigCommerce

Descubre cómo instalar y personalizar un videowidget en BigCommerce y qué debes probar antes de publicarlo.

Videowidget para tiendas BigCommerce

Puntos clave

  • Una instalación estándar puede hacerse desde el panel, pero el tiempo real depende de los accesos, la configuración de la aplicación y las pruebas.
  • Puedes adaptar los elementos de la videoburbuja al diseño y a los objetivos de la tienda sin tener que modificar código. Comprueba qué incluye tu plan actual.
  • Abre la tienda BigCommerce en Chrome, Safari y Firefox antes de anunciar nada.

¿Cómo instalar CompleteGreet en BigCommerce?

La instalación desde el panel de BigCommerce puede ser sencilla, pero el tiempo depende de la integración, el tema de la tienda y las pruebas necesarias.

Ilustración del proceso para instalar CompleteGreet en BigCommerce

Ten preparado el archivo de vídeo. El formato MP4 con codificación H.264 suele funcionar en muchos temas, pero prueba el archivo en tu propia tienda.

  1. Inicia sesión en la administración de BigCommerce y ve a Channel Manager. Busca CompleteGreet en BigCommerce App Marketplace y haz clic en Install. Acepta los permisos que aparezcan. La aplicación necesita insertar el código del widget en los scripts de la tienda. Comprueba después que se carga la pantalla de configuración.
  2. Conecta tu cuenta en la página de autenticación. Si ya tienes una cuenta, introduce tus credenciales; si eres nuevo, haz clic en Crear cuenta y completa el registro. Después comprueba que la conexión con la tienda esté activa.
  3. Sube tu saludo en vídeo desde el panel de CompleteGreet. Haz clic en Upload Video, elige el archivo y espera a que termine el procesamiento. Mantén el archivo lo más ligero posible y prueba la página de pago para no añadir una carga innecesaria. El sistema puede crear varias resoluciones según la configuración actual.
  4. Elige la posición del widget en la pestaña Display Settings. Empieza con un pequeño margen respecto al borde y comprueba que el botón no cubra elementos importantes. Usa la vista previa móvil y después prueba en un teléfono real antes de guardar.
  5. Activa Live para poner el widget en funcionamiento. Abre la tienda en una ventana privada y comprueba que aparezca la burbuja. Si ves un cuadrado vacío en lugar del vídeo, borra la caché del navegador y vuelve a cargar la página.

El orden de carga de scripts de BigCommerce puede retrasar la burbuja en páginas de producto con galerías pesadas. Prueba Async Load en Advanced Settings y mide el resultado en la tienda real.

Esto hace que el script se cargue de forma independiente de las imágenes de producto.

Consulta las integraciones para otras plataformas si gestionas varias tiendas.

¿Qué puedes personalizar en BigCommerce?

Puedes adaptar los elementos de la videoburbuja al diseño y a los objetivos de la tienda sin tener que modificar código. El panel organiza las opciones en tres áreas: quién ve el widget, qué puede hacer y cómo se presenta.

Comparación de opciones para un videowidget de BigCommerce

Segmentación y tiempos

Las reglas de visibilidad permiten mostrar el widget solo en determinados tipos de página o URL. Puedes mostrarlo en páginas de producto concretas, en carritos abandonados o en colecciones como /new y /arrivals. También puedes controlar el retraso, el momento de aparición y la profundidad de desplazamiento. La segmentación por intención de salida puede funcionar en escritorio, pero conviene probarla por separado en móviles.

Llamadas a la acción y campos del formulario

En las tiendas BigCommerce suele haber mejor coherencia cuando el texto de la llamada a la acción encaja con la intención de la página. En una página de producto, por ejemplo, «Pregunta por este artículo» puede ser más preciso que un mensaje de contacto genérico. El botón suele heredar los colores del tema, aunque puedes cambiarlos en el panel si la marca utiliza códigos hexadecimales concretos.

El formulario permite una personalización detallada.

Puedes añadir preguntas además del nombre y el correo electrónico, enviar esos campos a tu CRM o plataforma de correo y usar lógica condicional para que cada visitante vea solo las preguntas relevantes según sus respuestas anteriores. Consulta las integraciones y plataformas para ver la lista completa de conexiones de CRM y correo que funcionan con los formularios de BigCommerce.

Marca visual

La burbuja puede colocarse abajo a la izquierda o a la derecha con un desplazamiento ajustable en píxeles. Es importante en BigCommerce porque muchos temas tienen barras adhesivas de compra o chats en directo en la misma esquina. La miniatura que aparece antes de reproducir el vídeo debería ser una imagen fija y tranquila en la que se vea bien tu rostro. Evita textos superpuestos que resulten ilegibles en tamaños pequeños, como 120 x 120 píxeles.

Prueba la configuración final específicamente en la página de pago de BigCommerce. Algunos temas personalizados filtran los scripts externos durante la última parte de la compra y la captación de contactos deja de funcionar sin mostrar un error claro.

¿Qué debes comprobar antes de publicar?

Abre la tienda BigCommerce en Chrome, Safari y Firefox antes de anunciar nada. La videoburbuja debe quedar en una esquina sin cubrir el menú de navegación, el icono del carrito ni los botones del pie.

En las tiendas BigCommerce, el móvil importa aún más.

Muchos visitantes verán el widget desde un teléfono. Abre la tienda en Safari de iOS y Chrome de Android. La burbuja debe adaptarse sin forzar la reproducción a pantalla completa y el botón de cierre debe quedar al alcance del pulgar. Si el widget cubre el menú móvil o el botón de pago, ajusta su posición en el panel.

Comprueba la segmentación

Verifica que la lógica de segmentación funciona como esperas. Un saludo en vídeo en la página de inicio puede resultar molesto durante el pago.

Recorre la tienda como un cliente: abre la página de inicio, visita una categoría, consulta un producto, añádelo al carrito y continúa hasta el pago. El widget solo debería aparecer en las páginas que hayas configurado.

Las páginas de pago de BigCommerce a veces cargan los scripts de forma distinta al resto del tema. Si el widget desaparece durante el pago, comprueba que la inserción del script cubra esa plantilla o excluye esas páginas mediante las reglas de segmentación.

Haz una prueba de velocidad con la guía de Google sobre Web Vitals después de la instalación. Los recursos de vídeo pueden aumentar el peso de la página. Si empeora el LCP, comprueba la carga asíncrona y el tamaño del archivo y vuelve a medir la página real.

Prueba los envíos del formulario de principio a fin. Rellena el formulario de contacto del widget, envíalo y confirma que el contacto llega a tu bandeja de entrada o CRM.

Un formulario que no funciona daña la confianza rápidamente.

Mide el efecto del videowidget con tus propios datos, por ejemplo, cambios en las consultas y en el valor medio de los pedidos. No tomes cifras generales como una garantía para tu tienda.

Estas mediciones ayudan a fijar objetivos realistas antes de cambiar la posición del widget o los ajustes de la llamada a la acción.

Algunas tiendas reciben más consultas después de añadir vídeo en páginas con alta intención de compra, pero el efecto depende de la tienda, el mensaje, el tráfico y la configuración. Mídelo en tu propio entorno en lugar de usar un porcentaje fijo.

Calcula los costes operativos anuales a partir del plan Build vigente, el tráfico y las condiciones actuales. No uses importes antiguos en DKK o dólares y compara siempre el precio con tu margen y tus conversiones reales.

Antes de interpretar los análisis, comprueba que el periodo de medición coincide con el ciclo de compra habitual de la tienda BigCommerce. Compara el rebote y la carga en las páginas de producto reales antes y después del cambio.

Los videowidgets deben planificarse teniendo en cuenta WCAG 2.1, la navegación con teclado y los lectores de pantalla. La guía de accesibilidad de W3C recomienda ofrecer alternativas de texto para el contenido de vídeo y respetar las preferencias del usuario al reproducir automáticamente.

Lista de comprobación para validar los datos

  • Comprueba que la ventana de atribución de conversiones coincide con la duración media del ciclo de ventas.
  • Filtra el tráfico interno y las sesiones de prueba del equipo de los datos de interacción del widget.
  • Compara por separado las consultas desde móvil y escritorio, porque el dispositivo puede influir mucho en la interacción.

Valora la rentabilidad con tus propios márgenes, datos de tráfico y mediciones. Las suposiciones antiguas sobre un plan concreto o un número fijo de conversiones adicionales no garantizan resultados en tu tienda.

Las tiendas BigCommerce pueden obtener mejores resultados en páginas donde el visitante ya está considerando comprar. Empieza por las páginas de producto y las partes relevantes del proceso de compra, mide el efecto y después decide si ampliarlo a las categorías.

Preguntas frecuentes

¿Cómo añado CompleteGreet a mi tienda BigCommerce sin editar el código del tema?

Sigue la guía actual de Script Manager de BigCommerce. Entra en la administración, ve a Storefront y Script Manager y crea un script nuevo. Pega el código de inserción de CompleteGreet, selecciona Footer como ubicación y guarda. Después comprueba la tienda publicada. Si puedes evitar los archivos del tema depende de tu configuración concreta.

¿Por qué no aparece mi videoburbuja de CompleteGreet en la vista previa del tema de BigCommerce?

La vista previa del tema de BigCommerce puede ejecutarse en un entorno aislado que bloquea algunos scripts de terceros. El widget debería funcionar en la tienda publicada. Para probarlo antes de publicar, usa el enlace View Store o la URL real de tu sitio. Esta limitación también afecta a muchas herramientas de analítica y chat.

¿Puedo mostrar CompleteGreet solo en las páginas de producto de BigCommerce y ocultarlo durante el pago?

Sí. La segmentación por página está incluida en el panel de CompleteGreet. Configura reglas para mostrar el widget solo en URL que contengan /products/ o determinados identificadores de producto. Oculta el pago añadiendo /checkout/ a la lista correspondiente y prueba los filtros en la tienda real.

¿CompleteGreet ralentiza una tienda BigCommerce o afecta a Core Web Vitals?

La carga asíncrona puede reducir el bloqueo, pero el resultado depende del tema, el vídeo, la red y los demás scripts. Mide Largest Contentful Paint y el resto de Core Web Vitals en tu tienda antes y después de instalarlo.

¿Cuánto cuesta CompleteGreet al mes para una tienda BigCommerce?

El precio depende del plan actual, el tráfico y las funciones que necesites. Consulta la página de precios para ver los importes, límites y condiciones vigentes en lugar de utilizar precios antiguos o suponer que todas las funciones son ilimitadas.

Azad Habib

Azad Habib

CEO & Founder of CompleteGreet

Azad Habib is the founder of CompleteGreet. With a background in ecommerce and user experience, he works at the intersection of trust, clarity, and conversion to help businesses make their websites feel more human from the first click.