Resumen

LEER

En el competitivo mundo del eCommerce, captar la atención de los clientes es esencial. Las imágenes estáticas ya no son suficientes para destacar. Vídeosdé vida a los productos, muestre funciones y atraiga a los espectadores de una manera que el texto simplemente no puede. Pero, ¿y si quieres que los espectadores tengan el control? Los vídeos shoppable con controles interactivos permiten a los usuarios pausar, explorar detalles y tomar decisiones de compra más informadas.

Si bien Shopify en sí mismo no ofrece una funcionalidad integrada para el contenido que se puede comprar, ¡no se preocupe! Esta guía explorará dos métodos efectivos para lograr este objetivo y destacará algunos pasos prácticos para cada uno.

Método 1: agregar videos de Youtube a la página de productos de Shopify

Plataformas como YouTube y Vimeo proporcionan hosting gratuito y códigos embed fáciles de implementar en tu tienda Shopify. A continuación, te explicamos cómo usarlos para añadir vídeos que se puedan comprar a tu tienda de Shopify:

Paso 1: sube tu vídeo

  • Dirígete a la plataforma elegida y crea una cuenta si aún no tienes una.
Image from youtube showing how to upload videos to YouTube.
Imagen de youtube que muestra cómo subir vídeos a YouTube.
  • Una vez que hayas iniciado sesión, ve a la sección de carga y selecciona tu archivo de vídeo.
Image of YouTube Platform
Imagen de la plataforma YouTube
  • Durante la subida, optimiza título, descripción y tags del vídeo para mejorar su visibilidad y SEO, especialmente en YouTube.
Image of adding descriptions to Youtube videos
Imagen de añadir descripciones a los vídeos de Youtube

Paso 2: Generar el código de inserción

  • Una vez subido, busca la opción «Compartir» o «Insertar» para tu vídeo.
Image showing how to find embed code
Imagen que muestra cómo encontrar el código de inserción

Se te presentará un fragmento de código de inserción. Este código incrusta el reproductor de vídeo con los controles de reproducción directamente en tu página de Shopify.

Añadir vídeos a tus páginas de productos

Paso 3: Integra el código de inserción en Shopify

Inicia sesión en tu panel de administración de Shopify y navega hasta «Temas» en el menú de la izquierda.

Image showing how to add video code to shopify theme
Imagen que muestra cómo agregar código de video al tema de Shopify
  • Selecciona «Acciones» junto a tu tema activo y elige «Editar código».
Image showing how to customize shopify theme
Imagen que muestra cómo personalizar el tema de Shopify
  • En el editor de código, localiza el archivo de plantilla del producto en el que quieres mostrar el vídeo (normalmente «HTML personalizado» o «código incrustado»).
Image showing shopify Custom HTML.
Imagen que muestra el HTML personalizado de Shopify.
  • Busca la sección correspondiente en la plantilla (normalmente el área de descripción del producto) y pega el código de inserción que obtuviste en el paso 2.
Image showing shopify template
Imagen que muestra la plantilla de Shopify
  • Guarda los cambios.

Paso 4: Vista previa y prueba

  • Vuelve a tu tienda de Shopify para obtener una vista previa de la página del producto.
  • Ahora debería aparecer el reproductor de vídeo incorporado, lo que permitirá a los espectadores controlar la reproducción.
Image showing insertion of embed code.
Imagen que muestra la inserción del código incrustado.

Ventajas de utilizar plataformas de alojamiento de vídeo:

  • Planes gratuitos o freemium: Tanto YouTube como Vimeo tienen planes gratuitos con limitaciones (almacenamiento, duración del vídeo) que pueden ser suficientes para las tiendas pequeñas.
  • Fácil integración: El método de incrustación de código es un enfoque sencillo para quienes se sienten cómodos con la edición básica de código.
  • Análisis (limitado): YouTube te proporciona análisis básicos de vídeo para realizar un seguimiento de las vistas, la participación y la demografía de la audiencia.

Contras de usar plataformas de alojamiento de videos:

  • Personalización limitada: El diseño y la funcionalidad del reproductor vienen dictados por la plataforma, lo que permite opciones de personalización mínimas.
  • Problemas de marca: Los planes gratuitos suelen mostrar anuncios de plataformas junto al vídeo, lo que puede distraer a los espectadores.
  • Restricciones de alojamiento de vídeos: Las plataformas pueden tener restricciones en el contenido de vídeo o imponer limitaciones a las funciones con planes gratuitos.

Método 2: utiliza las aplicaciones de Shopify para insertar videos en tu tienda

La tienda de aplicaciones de Shopify ofrece una gran cantidad de aplicaciones diseñadas específicamente para la incrustación de videos, que brindan un mayor control y funciones avanzadas en comparación con el método básico de código de inserción. Este es un desglose del proceso:

Paso 1: Explora las aplicaciones de Shopify

  • Dirígete a la tienda de aplicaciones de Shopify y busca términos como «vídeo que se puede comprar», «vídeo de producto» o «vídeo incrustado».
Image showing Vidjet app on shopify.
Imagen que muestra la aplicación Vidjet en Shopify.
  • Numerosas aplicaciones se adaptan a la incrustación de vídeos, cada una con sus características y precios únicos. Considera factores como:
    • Disponibilidad de personalización: ¿La aplicación permite personalizar la apariencia del reproductor de vídeo para que coincida con tu marca?
    • Funciones avanzadas: ¿Proporciona funcionalidades como mapas de calor para analizar la participación de los espectadores o pruebas A/B para diferentes ubicaciones de vídeo?
    • Precios: Compara los modelos de precios de las aplicaciones (pruebas gratuitas, suscripciones mensuales) para encontrar una que se adapte a tu presupuesto.
Image showing reviews and features segment.
Imagen que muestra el segmento de reseñas y características.

Paso 2: Instalar y configurar la aplicación

  • Una vez que hayas elegido una aplicación adecuada, sigue las instrucciones que aparecen en pantalla para instalarla en tu tienda Shopify.
  • Cada aplicación tendrá su propio proceso de configuración, pero por lo general, podrás subir tu vídeo directamente a la aplicación o conectarlo a tu plataforma de alojamiento de vídeos existente.
  • La aplicación proporcionará instrucciones específicas sobre cómo incrustar el vídeo con controles de reproducción en las páginas de tus productos u otras secciones de la tienda.
Image showing how to set up Vidjet
Imagen que muestra cómo configurar Vidjet

Paso 3: Comprueba Core Web Vitals para evitar que los vídeos ralenticen el tiempo de carga de tu página web

  • Utiliza Google PageSpeed Insights o Lighthouse para medir el impacto de los vídeos en la velocidad de carga y optimizar el rendimiento.
  • Busca recomendaciones sobre cómo optimizar tus elementos de vídeo de forma específica. Esto podría implicar lo siguiente:
    • Uso de plataformas de alojamiento de vídeo con redes de entrega de contenido (CDN) para una entrega de vídeo más rápida.
    • Habilitar la carga diferida de los vídeos, lo que retrasa su carga hasta que estén a punto de entrar en la ventana gráfica.
    • Sustitución de archivos de vídeo de gran tamaño por otros más pequeños mediante técnicas de compresión.

Ventajas de usar las aplicaciones de Shopify:

  • Personalización mejorada: Muchas aplicaciones ofrecen amplias opciones de personalización para el diseño y la funcionalidad del reproductor de vídeo.
  • Funciones avanzadas: Desbloquea funciones como mapas térmicos, pruebas A/B y análisis detallados de vídeo para obtener más información sobre el comportamiento de la audiencia.
  • Integración perfecta: Las aplicaciones suelen integrarse perfectamente con tu tema de Shopify, lo que simplifica el proceso de incrustación.

Elegir el método correcto:

El mejor método para añadir vídeos que se pueden comprar a tu tienda de Shopify depende de tus necesidades específicas y de tu presupuesto.

  • Para una solución sencilla y gratuita: Utiliza códigos de inserción de plataformas de alojamiento de vídeos como YouTube o Vimeo. Esta es una buena opción para las tiendas que comienzan o para las que tienen limitado necesidades de vídeo.
  • Para un mayor control y funciones avanzadas: Invierte en una aplicación de Shopify para incrustar vídeos. Esta opción es ideal para las tiendas que priorizan el contenido de video, desean análisis en profundidad y buscan un reproductor de video personalizado y estéticamente agradable.

Consejos adicionales:

  • Optimización de vídeo: Independientemente del método elegido, asegúrate de que tus vídeos estén optimizados para tiempos de carga rápidos. Usa herramientas para comprimir el tamaño de los archivos sin sacrificar la calidad.
  • Capacidad de respuesta móvil: Prueba siempre la reproducción de tus vídeos en dispositivos móviles. Elige un código de inserción o una aplicación que garantice una experiencia de usuario fluida en todas las plataformas.
  • Llamado a la acción: Incluye una llamada a la acción (CTA) clara junto al vídeo para animar a los espectadores a tomar las medidas deseadas (comprar ahora, obtener más información, etc.).