Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo añadir vídeos de productos a las galerías de WooCommerce

Mostrar vídeos de productos en su tienda WooCommerce añade un elemento dinámico y atractivo a su sitio, haciéndolo más atractivo visualmente.

Los vídeos ayudan a los visitantes a apreciar plenamente sus productos ofreciéndoles una visión detallada de los mismos, mostrando cómo funcionan y destacando sus principales características. Esto puede ayudarle a reducir las tasas de rebote, aumentar el compromiso de los clientes e incrementar potencialmente las conversiones.

A lo largo de los años, hemos creado y vendido numerosos plugins para WordPress, y hemos dado prioridad a añadir vídeos detallados de los productos a nuestro sitio web. Estos vídeos muestran cómo funcionan nuestros plugins, destacan las características clave y guían a los usuarios a través del proceso de configuración.

Al ofrecer tutoriales de vídeo claros, hemos ayudado a los usuarios a sentirse más seguros en sus compras, lo que ha dado lugar a mayores tasas de conversión y a clientes más satisfechos.

En este artículo, te mostraremos cómo añadir fácilmente vídeos de productos a tus galerías de WooCommerce, paso a paso.

Adding product videos to your WooCommerce gallery

¿Por qué añadir vídeos de productos WooCommerce a tu tienda?

Al añadir vídeos de productos a tu tienda WooCommerce, puedes mostrar tus productos de una forma más detallada e informativa. Esto puede ayudar a tus clientes a entender mejor las características y ventajas de tus productos.

Esto puede aumentar las tasas de conversión, ya que los visitantes que ven vídeos de productos tienen un 73% más de probabilidades de realizar una compra.

Además, mostrar sus productos en acción a través de un vídeo puede ayudar a generar confianza y credibilidad entre los clientes potenciales, haciendo que se sientan más seguros acerca de sus compras.

Por ejemplo, si tiene una tienda en línea que vende auriculares, añadir un vídeo del producto que demuestre la calidad del sonido y las características de los auriculares puede ayudarle a conseguir más conversiones.

Headphone WooCommerce product video preview

Además, añadir vídeos de productos a tus galerías de WooCommerce también puede aumentar el posicionamiento SEO de tu sitio web, ya que los motores de búsqueda dan prioridad a los sitios web que tienen contenido multimedia, incluidos los vídeos.

Una mayor visibilidad en los resultados de búsqueda puede hacer que más personas visiten su tienda y compren productos.

Dicho esto, vamos a ver cómo puedes añadir fácilmente vídeos de productos a tus galerías de WooCommerce. Puedes utilizar los siguientes enlaces para saltar al método que quieras utilizar:

Método 1: Añadir Vídeo de Producto WooCommerce Usando YITH WooCommerce Featured Audio & Video Content (Free & Premium)

Para este método, le mostraremos cómo añadir vídeos de productos a las galerías de WooCommerce utilizando un plugin premium. Te recomendamos este método si quieres tener más control sobre los ajustes de visualización y reproducción de tus vídeos.

Primero, necesitas instalar y activar el plugin YITH WooCommerce Featured Audio & Video Content. Para obtener instrucciones detalladas, consulte nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Con este plugin, puedes añadir un vídeo de YouTube y Vimeo o tu propio vídeo de la biblioteca de medios a la galería de WooCommerce.

Nota: También existe el plugin gratuito YITH WooCommerce Featured Video. Sin embargo, no le permite configurar la mayoría de los ajustes de vídeo, modal y galería.

Establecer los ajustes generales del plugin

Una vez activado, diríjase a la página YITH ” Featured Audio & Video Content desde la barra lateral del administrador de WordPress.

Se abrirán los ajustes de vídeo. Desde aquí, puede empezar seleccionando una relación de aspecto para el vídeo del producto en el menú desplegable.

Si utilizas la versión gratuita, este será el solo ajuste que tendrás disponible.

Choose the aspect ratio for the product video

A continuación, activa el conmutador “Reproducción automática” si quieres que el vídeo empiece a reproducirse en cuanto se cargue la página.

También puedes conmutar el interruptor de “Bucle” para que el vídeo vuelva a empezar en cuanto termine.

Una vez hecho esto, mueva el control deslizante situado junto a la opción “Volumen” para ajustar el volumen del vídeo. A continuación, activa la opción “Vídeos que se pueden parar” para que los usuarios puedan pausar un vídeo.

Configure the General settings for the video

A continuación, desplácese hasta la sección “Ajustes de YouTube” y active el conmutador “Mostrar relacionados” si desea recomendar otros vídeos de YouTube del mismo canal que su vídeo. Este ajuste solo es necesario si estás incrustando un vídeo de producto de YouTube.

Después, puedes elegir un tema y un estilo para el reproductor de vídeo de YouTube.

Configure YouTube video settings

Una vez hecho esto, desplázate hasta la sección “Configuración de Vimeo” y activa el interruptor “Mostrar título del vídeo” para mostrar el título del vídeo en el reproductor de Vimeo. Solo tendrás que cambiar esta configuración si los vídeos de tus productos están alojados en Vimeo.

Además, puedes seleccionar un color de control de reproducción para el reproductor de Vimeo.

Configure Vimeo Settings

A continuación, vaya a la sección “Estilo del reproductor VideoJS” y elija “Personalizado” como opción de “Estilo”.

Se abrirán los ajustes de personalización, donde podrás configurar el color de fondo del reproductor de vídeo, el color del control deslizante, el color del botón, etc.

Cuando hayas terminado, haz clic en el botón “Guardar opciones” para establecer los ajustes.

Configure color settings for the video

Configurar ajustes emergentes (solo plugin premium)

Ahora, tienes que cambiar a la pestaña ‘Ajustes emergentes’ en la parte superior de la página. Ten en cuenta que esta pestaña no estará disponible si utilizas el plugin gratuito.

Una vez allí, basta con activar el interruptor “Vídeo en modal” para mostrar el vídeo destacado en una ventana modal. Esto mostrará el vídeo dentro de un lightbox delante del resto del contenido de la página.

Una vez hecho esto, también puede elegir un “Efecto de visualización emergente” en el menú desplegable.

Configure Modal Settings

A continuación, haz clic en el botón “Guardar opciones” para establecer tus ajustes.

Establecer ajustes de la galería (solo plugin premium)

Ahora, tienes que cambiar a la pestaña “Ajustes de la galería” de la parte superior. Esta pestaña solo está disponible en la versión Premium.

Desde aquí, debes seleccionar la opción ‘WooCommerce Gallery’ como ‘Video and Audio gallery mode’ para mostrar los vídeos de los productos en la galería de WooCommerce.

Choose the WooCommerce Gallery option

Alternativamente, seleccionando la opción “Galería de plugins”, el vídeo destacado se mostrará en una galería relacionada.

Por otro lado, también puedes conmutar el interruptor “Vídeo y audio en la barra lateral” si quieres mostrar el vídeo del producto en la barra lateral en lugar de la galería de WooCommerce o la galería relacionada.

Cuando hayas terminado, no olvides hacer clic en el botón “Guardar opciones” para establecer los ajustes.

Show the video in the sidebar

Añadir el vídeo del producto a la galería de WooCommerce

Es hora de añadir el vídeo del producto WooCommerce a la galería WooCommerce.

En primer lugar, visite la página Productos ” Todos los productos en la barra lateral del administrador de WordPress. Una vez allí, simplemente haga clic en el enlace “Editar” bajo el nombre de un producto para abrir la página “Editar producto”.

Click the Edit link under the products page

A continuación, desplácese hasta la sección “Datos del producto” y haga clic en la pestaña “Vídeo” de la columna de la izquierda.

Ahora tienes que seleccionar cómo quieres añadir el vídeo en el menú desplegable “Añadir vídeo”. Para este tutorial, vamos a elegir la opción “Por URL” porque vamos a añadir una URL de vídeo de YouTube.

Switch to the Video tab and choose By URL option from the dropdown menu

También puede subir un vídeo a través de la biblioteca de medios de WordPress. Sin embargo, no recomendamos este método porque la subida de vídeos consume mucho ancho de banda.

Para más detalles, puede consultar nuestra guía para principiantes sobre por qué nunca debe subir un vídeo a WordPress.

A continuación, se le pedirá que escriba un nombre para el vídeo del producto en la casilla “Nombre del vídeo”.

Una vez hecho esto, sólo tienes que pegar la URL del vídeo de YouTube en el cuadro “URL del vídeo” y hacer clic en el botón “Añadir vídeo”.

Paste YouTube video URL

Por último, haga clic en el botón “Actualizar” o “Publicar” de la parte superior para guardar los cambios.

Ahora puedes visitar tu tienda online para comprobar si el vídeo se ha añadido a la galería WooCommerce de tu producto.

Así se veía el vídeo del producto en nuestro sitio web de demostración.

Preview for WooCommerce product video

Método 2: Añadir vídeos de productos WooCommerce usando Really Simple Featured Video (Gratis)

Si estás buscando una forma gratuita y sencilla de añadir vídeos de productos WooCommerce, entonces este método es para ti.

En primer lugar, debes instalar y activar el plugin Really Simple Featured Video. Para más detalles, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Establecer los ajustes del plugin

Una vez activado, diríjase a la página Ajustes ” Vídeo destacado realmente sencillo desde el escritorio de WordPress.

Desde aquí, activa el conmutador “Productos” para dar soporte de vídeo a WooCommerce. Después de eso, simplemente haga clic en el botón “Guardar cambios” para guardar los ajustes.

Toggle the Products switch

A continuación, tienes que cambiar a la pestaña “Controles” de la parte superior. Aquí puedes establecer ajustes para los vídeos alojados e incrustados.

Ahora, sólo tienes que ir a la sección “Vídeos autoalojados” y empezar por conmutar el interruptor de “Controles” para añadir controles al reproductor de vídeo.

Después, también puedes conmutar el interruptor “Bucle” para seguir reproduciendo el vídeo en bucle. Además, también puedes silenciar el vídeo por defecto activando el conmutador situado junto a “Silenciar sonido”.

Una vez hecho esto, sólo tienes que conmutar el interruptor de “Reproducción automática” si quieres que el vídeo empiece a reproducirse automáticamente.

Toggle the controls switch

A continuación, desplácese hasta la sección “Incrustar vídeos”, donde encontrará todas estas opciones repetidas para el vídeo incrustado.

Sólo tienes que configurar estos ajustes a tu gusto y hacer clic en el botón “Guardar cambios” para guardarlos.

Añadir el vídeo del producto a la galería de WooCommerce

Para añadir un vídeo de producto a la galería de WooCommerce, dirígete a la página Productos ” Todos los productos desde la barra lateral del administrador.

A continuación, haga clic en el enlace “Editar” situado bajo el nombre de un producto para abrirlo.

Edit the products page

Una vez allí, desplácese hasta la sección “Vídeos destacados” en la columna de la derecha y seleccione una fuente de vídeo.

Si quieres subir un vídeo desde tu ordenador o biblioteca de medios, tendrás que seleccionar la opción “Self”. Sin embargo, para incrustar un vídeo de YouTube o de alguna otra plataforma, tendrás que elegir la opción ‘Incrustar’.

Nota: No recomendamos subir vídeos a tu sitio web porque consumen mucho ancho de banda. Para más detalles, lee nuestra guía sobre por qué nunca debes subir un vídeo en WordPress.

Para este tutorial, elegiremos la opción “Incrustar” para añadir un vídeo de YouTube.

Choose the Embed option and paste the video URL

Al seleccionar esa opción, aparecerá el campo “La URL del vídeo va aquí”. Simplemente añada el enlace del vídeo de YouTube, Vimeo o Dailymotion al campo.

Por último, haga clic en el botón “Actualizar” o “Publicar” de la parte superior para guardar los cambios.

Ahora, puede visitar su sitio web para marcar / comprobar el vídeo del producto WooCommerce.

headphones preview

Bonificación: Añadir una galería de productos WooCommerce en su tienda

Además de los vídeos, es posible que desee añadir galerías de imágenes para los productos en las entradas del blog o en las páginas de anuncios de su tienda WooCommerce. Esto puede ayudarte a llegar a más visitantes e impulsar las ventas y las conversiones.

Por ejemplo, si va a lanzar un nuevo producto en su sitio web, es posible que desee añadir una galería de imágenes para él en una página de anuncio que acaba de crear.

Estas imágenes múltiples pueden ayudar a mostrar las características de sus productos para aumentar la participación. Además, estas galerías pueden ser una excelente manera de mostrar diferentes variantes, colores, tamaños o estilos de productos, ayudando a los compradores potenciales a tomar una decisión informada.

Ahora, la mayoría de los temas de WooCommerce vienen con plantillas predeterminadas para páginas de tiendas y categorías que muestran productos en el estilo del tema. Sin embargo, no incluyen una plantilla específica para mostrar productos como una galería dentro de una entrada de blog.

Esto significa que la configuración por defecto de WooCommerce puede no ser suficiente si desea presentar los productos de esta manera. Aquí es donde entra Envira Gallery.

Envira Gallery website

Es el mejor plugin de galerías para WordPress del mercado que le permite crear galerías de imágenes hermosas y totalmente receptivas en WordPress.

Además, Envira es superrápido e incluye muchas funciones, como una caja de luz emergente, navegación sencilla por las imágenes, un constructor de arrastrar y soltar, marcas de agua y plantillas de galerías profesionales.

Para más detalles, puede consultar nuestra reseña completa de Envira Gallery.

El complemento WooCommerce del plugin hace que sea muy fácil crear galerías de productos e incluso te permite añadir etiquetas y términos de taxonomía para ayudar a que tu página de productos se posicione mejor.

Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo crear una galería de imágenes de productos WooCommerce.

Esperamos que este artículo te haya ayudado a aprender cómo añadir vídeos de productos a tus galerías de WooCommerce. Puede que también quieras ver nuestro tutorial sobre cómo programar cupones en WooCommerce y nuestra selección de los mejores plugins de WooCommerce para hacer crecer tu sitio.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

Comentarios

  1. Felicidades, tienes la oportunidad de ser el primer comentarista de este artículo.
    ¿Tiene alguna pregunta o sugerencia? Por favor, deje un comentario para iniciar la discusión.

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.