Insertar video en producto de Woocommerce

¿Cómo añadir un vídeo en un producto de WooCommerce? [Tutorial con Plugin 2020]

CMS: WooCommerce
Dificultad: Básica
Plugin: YITH WooCommerce Featured Video
Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

En algunas ocasiones puede ser más beneficioso añadir un vídeo en lugar de una imagen destacada en WooCommerce. Hasta hace unos años disponíamos de dos grandes plugins: Replace featured imagen with video y Featured video plus para mostrar un vídeo en lugar de la imagen destacada en nuestra ficha de producto de WooCommerce. Sin embargo estos dos plugins llevan más de dos años sin mantenerse por lo que pueden sufrir vulnerabilidades o incompatibilidades con tu instalación, siendo poco recomendable su uso. Aún así existen otras opciones para lograr este cometido.

 


 

Añadir un Vídeo de Youtube o Vimeo en una ficha de producto de WooCommerce

Nosotros hemos probado un plugin creado por YITH que te permitirá insertar fácilmente un vídeo en la ficha de producto de WooCommerce directamente desde la interfaz de WooCommerce cumpliendo nuestras expectativas sobradamente. En este caso hemos utilizado el plugin para un cliente que nos ha solicitado una plataforma de venta de cursos online, por lo que el vídeo de presentación es necesario para ofrecer una buena experiencia de usuario.

Puedes encontrar el plugin en el repositorio de WordPress. Una vez lo hayas descargado e instalado puedes seguir este tutorial paso a paso para configurarlo. En nuestro caso vamos a utilizar vídeos alojados en una cuenta Pro de Vimeo pero también podrías añadir un vídeo alojado en YouTube.

Para añadir el vídeo tan solo debes acceder a la edición de la ficha de producto y comprobarás que se ha añadido un nuevo campo llamado "URL de Vídeo Destacado". Tan solo debes pegar la URL de Vimeo o YouTube dentro. Ten en cuenta que no podrás servicios propios como los vídeos que tienes alojados en tu Galería de WordPress.

Añadir vídeo en página de producto en WooCommerce. Gia y Tutorial con plugin 2019.

  

Así ya podrás disfrutar de tu vídeo de Vimeo en tu ficha de producto de WooCommerce. Solo darte una última recomendación. Si vas a usar vídeos en todos tus productos te recomendamos ocultarla, ya que al cargar por unos milisegundos la imagen destacada aparece y es sustituida rápidamente en el HTML por el vídeo dentro de la ficha de producto. Queda poco estético. Para ocultarla en la ficha de productos puedes añadir el siguiente código CSS a tu CSS personalizado. Para añadir código CSS personalizado dentro de Apariencia dispones del Personalizados de WP donde podrás pegar le código CSS. 

 

 

.woocommerce div.product div.images img {
    display: block !important;}

 

Con esto ocultarás la imagen durante la carga de tu página web. 

 

¿Por qué insertar un vídeo de un producto en WooCommerce?

Insertar un vídeo en tu productos de WooCommerce tiene una doble ventaja:

Aumentarás el tiempo de permanencia en el sitio, logrando una mejora en el factor de usabilidad para el posicionamiento SEO, esto hará automáticamente que el posicionamiento de la ficha de tu producto mejore. Si quieres más información sobre como mejorar el SEO de tus productos en WooCommerce te recomendamos este artículo.

Además el usuario obtendrá una mayor información sobre tu producto de manera inmediata y visual y eso sin duda es una ventaja con respecto a los competidores. 


 

Por contra un vídeo, aunque provenga de YouTube o Vimeo puede aumentar considerablemente los tiempos de carga de tu web, por ello debes vigilar que el vídeo esté optimizado para la web.

 

Sobre el Autor
Author: Álvaro
WooCommerce & WordPress Manager
Álvaro forma parte del equipo de Rombo, especializado en el desarrollo de aplicaciones web en WordPress y WooCommerce, aunque su pasión ha sido Joomla! desde 2008 ¡Le encanta compartir sus conocimientos! Así que... ¡pregunta!

5 1 1 1 1 1 1 1 1 1 1 Valoracion 5.00 (6 Votos)

 

Agencia de Marketing Digital en Cádiz y Chiclana de la Forntera
Somos una Agencia de marketing digital 100% online orientada a resultados.