Guías por plataforma 20 de mayo de 2026

Videowidget para Magento y Adobe Commerce

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

Videowidget para Magento y Adobe Commerce

Puntos clave

  • Una instalación estándar suele poder completarse con rapidez, pero el tiempo real depende de la versión de Magento, el tema, los accesos y las pruebas.
  • CompleteGreet te permite controlar cuándo aparece el widget, qué solicita al visitante y cómo se ve en la tienda. Comprueba las funciones de tu plan actual.
  • Prueba el sitio en varios navegadores y en el móvil antes de anunciarlo. Comprueba la burbuja, la navegación, el formulario y el proceso de pago.

¿Cómo instalar CompleteGreet en Magento?

Instalarlo en Magento requiere acceso al tema o a la configuración del CMS. Insertas un script en el pie o en un campo de código aprobado y después pruebas todas las páginas relevantes.

Ilustración del proceso para instalar CompleteGreet en Magento

Este es el recorrido habitual en Magento Admin.

  1. Inicia sesión en el panel de CompleteGreet y copia el código del widget desde la sección de instalación. Es un script con el identificador único de tu sitio.
  2. En Magento Admin, ve a Content, Design y Configuration. Allí verás las vistas de tienda y sus temas activos.
  3. Haz clic en Editar en el tema que utiliza la tienda. Si tienes varias vistas, elige primero aquella en la que quieras probar el widget.
  4. Desplázate hasta Footer y amplía la sección. Busca el campo Miscellaneous HTML, donde Magento puede insertar código antes de la etiqueta body de cierre.
  5. Inserta el script de CompleteGreet en el campo. No lo envuelvas en etiquetas div o script adicionales, ya que el fragmento es independiente.
  6. Guarda la configuración, borra la caché de Magento desde System y Cache Management y actualiza la tienda completamente para comprobar la burbuja en la esquina.

Si utilizas Adobe Commerce Cloud, el proceso puede ser diferente. El sistema de archivos puede ser de solo lectura en producción, por lo que el tema debe cambiarse mediante el diseño XML, un bloque CMS o el flujo de despliegue correspondiente. Puedes usar el mismo código del widget, pero debes probar el proceso en tu entorno.

Las configuraciones multitienda requieren elegir un alcance. Puedes instalar el widget de forma global en el tema predeterminado o dirigirlo a cada vista de tienda desde su propia configuración. Empieza con una sola vista antes de aplicarlo a todo el catálogo.

Comprueba el código fuente de la página después de la instalación. El script debería estar justo antes de la etiqueta body de cierre en las páginas donde el widget deba estar activo. Si falta, revisa si el tema sobrescribe la plantilla del pie o filtra el HTML personalizado.

¿Qué puedes personalizar en Magento?

CompleteGreet te permite controlar cuándo aparece el widget, qué solicita al visitante y cómo se ve en la tienda. Las reglas se configuran en el panel y deben probarse en la página de Magento.

Comparación de opciones para el videowidget de Magento y Adobe Commerce

Segmentación y tiempos

Las reglas por página pueden mostrar el widget donde tenga sentido. Puedes dirigirlo a patrones de URL como /products/* o /cart y ocultarlo en el pago. El retraso puede elegirse según el tipo de página. La vista móvil es un ajuste independiente, por lo que puedes adaptar la experiencia al diseño.

La ubicación importa mucho en las tiendas Magento con elementos flotantes. La burbuja suele estar abajo a la derecha, pero puedes moverla a la izquierda si el chat en directo o el aviso de cookies estorban. Usa el desplazamiento del panel y comprueba el resultado en la pantalla real.

Llamadas a la acción y formularios de contacto

Cada saludo en vídeo puede terminar con un botón de llamada a la acción que escribes tú. Puede abrir un calendario, mostrar un formulario o enviar un mensaje a tu bandeja de entrada. Usa un texto breve que encaje con la página concreta.

El formulario integrado puede tener campos como nombre, correo, empresa y teléfono. Puedes enviar los datos a tu CRM mediante un webhook si la integración es compatible. Comprueba las opciones de integración y el tratamiento de datos actuales antes de activarlo.

Marca y ubicación

Haz coincidir los colores con tu marca utilizando códigos hexadecimales. El fondo de la burbuja, el botón de reproducción y los acentos del formulario pueden mantener la misma paleta. Si quieres, sube el logotipo a la cabecera del widget y utiliza una miniatura relevante del vídeo.

Un detalle que muchos pasan por alto es el color del botón de cierre. En un pie oscuro, una burbuja oscura puede hacer difícil ver la X. Elige blanco o un contraste claro y prueba en varios temas en lugar de asumir una mejora porcentual fija.

El sonido suele estar desactivado por defecto, lo que a menudo encaja con visitantes B2B. Puedes activarlo después de una acción del visitante, pero prueba el consentimiento, el comportamiento del navegador y el control del usuario.

¿Qué debes comprobar antes de publicar?

Prueba el sitio en Chrome, Safari y Firefox antes de anunciarlo. La videoburbuja debe estar en una esquina sin cubrir la navegación fija ni los botones del pie.

Las tiendas Magento suelen usar encabezados fijos que cambian de altura al desplazarte. Abre el sitio, baja y vuelve a subir. La burbuja debe mantenerse fuera de la navegación en todo momento. Si se solapa, ajusta el desplazamiento vertical en el panel entre 20 y 40 píxeles.

El móvil importa todavía más.

Muchos visitantes ven el widget en un teléfono. Abre la página en Safari de iOS y Chrome de Android. La burbuja debe adaptarse sin forzar el vídeo a pantalla completa y el botón de cierre debe ser fácil de alcanzar. Prueba la página de inicio, la de producto y el carrito en el móvil.

También debes comprobar la segmentación. El widget suele mostrarse en todas las páginas por defecto, pero muchas tiendas Magento deberían ocultarlo durante el proceso de pago. Añade reglas de URL para el pago, el carrito y cualquier ruta de una sola página y mantenlo en las páginas de producto, categoría e inicio relevantes.

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

Rellena y envía el formulario de contacto del widget. Confirma que el contacto llega a tu bandeja de entrada o CRM. Un formulario roto daña la confianza rápidamente.

Cuando hayas comprobado todo, estarás listo para crear una cuenta gratuita y publicar el widget.

Las tiendas Magento y Adobe Commerce suelen utilizar imágenes y texto para explicar el valor, mientras que los visitantes tienen una atención limitada. Un videowidget puede mostrar a una persona directamente en la tienda sin enviar el tráfico a un reproductor externo.

Las secciones siguientes repasan los pasos técnicos para añadir CompleteGreet a una instalación de Magento.

Requisitos técnicos

CompleteGreet requiere acceso al tema o la posibilidad de editar bloques CMS desde el administrador. El widget se carga mediante un fragmento de JavaScript que se coloca en el pie para activarlo en las páginas relevantes.

Antes de activarlo, comprueba que el certificado SSL está activo en todos los dominios de la tienda y que la Content Security Policy permite los dominios que realmente utilizas. Sigue siempre la documentación actual.

CompleteGreet se conecta con Magento mediante una integración directa de script en lugar de una extensión nativa. Comprueba la compatibilidad de versiones cuando actualices Adobe Commerce.

La información sobre los precios del plan BUILD debe obtenerse de la página de precios actual. No utilices importes antiguos en DKK ni supongas que los mensajes de vídeo son ilimitados antes de comprobar el plan y las condiciones.

Los videowidgets deben respetar las opciones de privacidad y las normas de accesibilidad. Aplicar la guía de accesibilidad de W3C puede ayudar con la navegación por teclado y la compatibilidad con lectores de pantalla del control del widget.

Las tiendas que muestran a una persona en páginas con alta intención de compra pueden observar cambios de comportamiento sin modificar el proceso de pago. Mide siempre el efecto y asegúrate de que el widget pueda quitarse o actualizarse sin dañar el catálogo ni el tema.

En Adobe Commerce Cloud, el script debe colocarse en la sección correspondiente del diseño XML para cargarlo después del DOM y de los estilos de la página. Prueba el despliegue y la caché en tu propio entorno.

Preguntas frecuentes

¿Cómo instalo CompleteGreet en Magento sin cambiar los archivos del tema?

Añade CompleteGreet desde Magento Admin en el campo de código correspondiente al tema activo. Elige Content, Design y Configuration, inserta el código según la guía actual y borra la caché. Después prueba la tienda publicada. Que puedas evitar los archivos del tema depende de tu configuración de Magento.

¿Por qué no aparece mi videoburbuja de CompleteGreet en Magento Page Builder?

La vista previa de Page Builder puede ejecutarse en un iframe aislado que bloquea los scripts externos. Publica la página y comprueba la tienda real, donde se cargan todo el contexto y los scripts.

¿Puedo dirigir CompleteGreet a determinadas páginas de producto de Magento?

Sí. Utiliza reglas de URL en el panel de CompleteGreet para incluir o excluir páginas de producto por ruta o categoría. Añade reglas negativas para el carrito y el pago si no quieres mostrar el widget allí.

¿CompleteGreet afecta a la velocidad de Magento o a Core Web Vitals?

Depende de la página, el vídeo, la red y los demás scripts. La carga asíncrona puede reducir el bloqueo, pero debes medir PageSpeed y Core Web Vitals en la tienda real antes y después de la instalación.

¿Funciona CompleteGreet con temas propios de Magento y configuraciones headless?

Depende de que el tema o la solución frontend admitan una integración estándar de HTML o scripts. Sigue la guía actual para React o Vue headless y prueba la ubicación, el consentimiento y la adaptación a distintos tamaños de pantalla.

¿Cuánto cuesta CompleteGreet para una tienda Magento con 10.000 visitantes mensuales?

El precio depende del plan actual, el tráfico y las funciones que necesites. Consulta la página de precios para ver los precios, límites y condiciones vigentes en lugar de usar importes antiguos en dólares o DKK.

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.