Añadir un vídeo en los productos de WooCommerce

LucusHost, el mejor hosting

Como bien hemos visto en los artículos del blog las imágenes de un producto es lo primero que se fija un cliente cuando lo ve. Ciertos tipos de producto necesitan complementarse de un vídeo para que el usuario pueda ver el uso o darle más valor al mismo.

WooCommerce por defecto no tiene un sistema para poner un vídeo en una zona de la ficha de producto. Lo podríamos poner en la descripción larga pero el usuario no podría acceder a él fácilmente.

Por lo que en este tutorial vamos a ver las zonas dónde lo podemos mostrar, así como los plugins necesarios para hacerlo.

¿Por qué poner un vídeo en la ficha de producto?

  • Aumenta el posicionamiento SEO: Pueden encontrarte mejor a través de búsquedas por vídeo y Google sabrá que tienes contenido diferente al resto de competidores.
  • Das a conocer tu marca.
  • Resumes todo el texto en un vídeo: Perfecto para aquellos clientes que odian leer.
  • Aumenta la tasa de conversión.
  • Ideal para explicar como se usa el producto o sus ventajas.

Insertar el vídeo en la galería de fotos

La galería es la zona con más visibilidad de nuestra ficha de producto. Si queremos que nuestro vídeo tenga impacto, habrá que ponerlo en esta sección. Teniendo un resultado como este:

Ejemplo de mostrar el vídeo en la galería

Para ello nos vamos a servir de un plugin que coja directamente vídeos de otras plataformas como Youtube o Vimeo. Como siempre doy el mejor plugin gratuito y premium.

WooCommerce Product Video Gallery(gratis)

Lo podéis encontrar en el repositorio oficial de WordPress o haciendo clic aquí. Cumple perfectamente su función de hacer usable un vídeo desde la galería de productos. Entre sus características:

  • Insertar vídeos de YouTube en la galería de productos junto con imágenes y vídeos en una sola galería de productos.
  • Admite todo tipo de vídeos de YouTube a través de un enlace.
  • Imágenes y vídeos juntos en una sola galería de productos.
  • Puedes configurar el diseño del control deslizante (vertical u horizontal), la reproducción automática del control deslizante, habilitar/deshabilitar la flecha para el control deslizante, el bucle del control deslizante, la caja de luz, el zoom, el color de la flecha, el color de fondo de la flecha y muchas más opciones.
  • Muy fácil añadir el enlace del vídeo en el campo específico de la página de configuración del producto y tus clientes verán algo dinámico y personalizado.

YITH WOOCOMMERCE FEATURED AUDIO & VIDEO CONTENT PREMIUM

Usaremos la versión premium del plugin, ya que la gratuita solo deja cambiar la imagen principal por el vídeo sin muchas funcionalidades más, la premium la podéis adquirir aquí. Te permite:

anadir video pestanas de producto
Configuración del vídeo con Yith
  • Subir uno o más videos en la galería de WooCommerce de cualquier proveedor de vido o subiendo el archivo a WordPress.
  • Mostrar los controles de video
  • Evitar que los clientes detengan los videos
  • Configurar la reproducción automática de los vídeos destacados
  • Mostrar la información del archivo de audio
  • Mostrar archivos de video/audio en una ventana modal
  • Vincular los archivos de vídeo y audio a las variaciones individuales del producto
  • Mostrar los controles de audio y video en una barra lateral en lugar de debajo de la galería de imágenes del producto

Mostrar el vídeo en una pestaña

Se suele hacer de esta forma cuando el vídeo no es trivial para entender el producto. Ya que las pestañas las ve el cliente cuando baja más abajo a ver más información, es ahí cuando le mostramos la pestaña de vídeo.

insertar video en pestanas woocommerce
Vídeo en pestañas de WooCommerce

Para añadir este tipo de pestañas personalizadas en WooCommerce tengo un tutorial completo aquí. Una vez añadida, tan solo es copiar la url de Youtube y ya lo tienes!

¡Eso es todo! Cualquier duda o sugerencia para mejorar es bienvenida en comentarios.

¡Haz clic para puntuar esta entrada!
(Votos: 1 Promedio: 5)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

comentarios

  1. Maximiliano says

    hola, he encontrado poca informacion, pero creo que youtube no deja que uno haga videos de sus productos y ponga un enlace para que visite la tienda, es correcto? al menos me dieron de baja 2 cuentas y creo que ese es el motivo, hay manera de subir mis productos a youtube sin que me baneen la cuenta? muchas gracias y felicitaciones por la pagina, saludos

    • Diegol says

      Hola Maximiliano,

      No controlo mucho de youtube pero dudo bastante que por subir un vídeo promocional de un producto y poner el enlace te lo borren. En primer lugar yo hablaría con ellos a ver por qué es, si el contenido de lo que dices en el vídeo no es apropiado, tienen pillada tu IP…

      Suerte,

      Un saludo!

  2. diego says

    Hola estoy trabajando con YITH WOOCOMMERCE FEATURED AUDIO & VIDEO CONTENT PREMIUM y quiero subir directamente los videos en formato mp4 a la galería y hace todo el proceso pero sale un error Media error: Format(s) not supported or source(s) not found al subirlo directamente, que debo hacer?

    • Diegol says

      Hola Diego,

      Ese error puede suceder por muchas cosas, sobretodo temas de caché y permisos. Mi forma de proceder sería la siguiente:
      – Prueba a subir el vídeo antes desde medios uno a uno. Si no te funciona…
      – Habla con el hosting a ver si tienes algún tipo de bloqueo en formato de archivos o capacidad de subida.
      – De no ser así habla con Yith, a ver si tienes alguna incompatibilidad.

      Espero que te sirva de ayuda.

      Un saludo!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *