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

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres añadir vídeos de productos a tus galerías de WooCommerce?

Los vídeos pueden proporcionar demostraciones más detalladas y atractivas de sus productos. Además, pueden ayudar a que tu tienda WooCommerce sea más atractiva y atractiva visualmente.

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 eficazmente tus productos de una manera más detallada e informativa. Esto puede proporcionar a sus clientes una mejor comprensión de las características y ventajas de su producto.

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 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 más 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 carrusel / control deslizante situado junto a la opción “Volumen” para ajustar el volumen del vídeo. A continuación, basta con conmutar el interruptor “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ácese hasta la sección “Ajustes de Vimeo” y active el conmutador “Mostrar título del vídeo” para mostrar el título del vídeo en el reproductor de Vimeo. Solo tendrás que cambiar este ajuste 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”.

Esto abrirá los ajustes de personalización, donde podrás establecer el color de fondo, el color del carrusel / control deslizante, el color de los botones y mucho más del reproductor de vídeo.

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í, sólo tiene que conmutar el interruptor “Vídeo en modal” si desea mostrar el vídeo destacado en una ventana modal. Esto mostrará el vídeo dentro de una caja de luz 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 ha sido 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, puedes leer nuestra guía sobre por qué nunca debes subir un vídeo en WordPress.

Para este tutorial, elegiremos la opción ‘Incrustar’ porque queremos 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 galerías de imágenes para los productos en su tienda WooCommerce

Además de vídeos, también es buena idea añadir galerías de imágenes de los productos de su sitio web.

Varias imágenes pueden ayudar a mostrar diferentes características de sus productos y aumentar la participación de los clientes en su tienda WooCommerce.

Además, estas galerías son también una excelente manera de mostrar diferentes variantes de productos, como colores, tamaños o estilos, ayudando a los compradores potenciales a tomar una decisión informada.

Además, las galerías de imágenes pueden optimizarse para los motores de búsqueda, lo que ayuda a mejorar la posición de su sitio web.

Puedes añadir fácilmente una galería de imágenes para los productos de tu tienda WooCommerce usando Envira Gallery. Es el mejor plugin de galería de WordPress en el mercado que le permite crear galerías totalmente adaptables y hermosas en WordPress.

Envira Gallery website

Es super rápida y viene con muchas características como una caja de luz emergente, fácil navegación por las imágenes, un maquetador de arrastrar y soltar, marcas de agua y plantillas de galerías profesionales. Para más detalles, puedes ver nuestra completa reseña / valoración de Envira Gallery.

El plugin hace que sea muy fácil crear galerías de productos e incluso le permite añadir etiquetas y términos de taxonomía para ayudar a su página de producto rango más alto.

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

1 comentarioDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

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.