Cómo Crear un Slider de Video en WordPress (Tutorial Fácil)

Ver cómo aumenta la tasa de rebote de tu WordPress mientras que la competencia capta la atención sin esfuerzo puede ser frustrante. A menudo, la diferencia se reduce a una cosa: el movimiento.

Las páginas estáticas luchan por mantener el interés, dejando a los visitantes pasando sin interactuar.

¿Una forma de solucionar esto? Añadir un slider de video.

Los sliders de video dan vida a tu contenido combinando movimiento, elementos visuales y narración. Ayudan a captar la atención de maneras que las imágenes estáticas simplemente no pueden y animan a los usuarios a permanecer más tiempo en tu sitio.

En este tutorial, te mostraremos cómo crear un slider de video en WordPress sin necesidad de código. Al final, tendrás una página de inicio dinámica que hará que tu sitio sea más atractivo y mantendrá a los visitantes interesados. 🙌

¿Por qué usar un slider de video en WordPress?

Los sliders de video son una forma fácil de hacer que tu sitio de WordPress sea más atractivo y memorable.

A diferencia de las imágenes estáticas, los videos captan la atención de inmediato y pueden mostrar más en menos tiempo, aumentando el tiempo en la página hasta en un 88%. Una primera impresión sólida puede ser la diferencia entre que un visitante se quede y abandone tu sitio.

Los carruseles de videos también son increíblemente versátiles. Puedes usarlos para destacar demostraciones de productos, compartir reseñas de clientes o mostrar contenido promocional.

Por ejemplo:

• Un sitio web de viajes podría destacar recomendaciones de hoteles, destinos y experiencias de tours.
• Un sitio web de bienes raíces podría incluir recorridos virtuales por propiedades.

En esencia, los deslizadores de video son simplemente presentaciones de diapositivas que usan videos en lugar de imágenes. Esto puede hacer que tu sitio sea más dinámico e interactivo.

Aquí tienes algunas formas prácticas de usar deslizadores de video en tu sitio web de WordPress:

• 🛍️ Muestra reseñas de productos o servicios.
• 🧑‍🏫 Demuestra características y cómo funcionan los productos.
• 📢 Comparte testimonios cortos de clientes satisfechos.
• 📚 Destaca estudios de caso detallados.

Teniendo esto en cuenta, veremos cómo puedes crear fácilmente carruseles de videos en WordPress para atraer a tu audiencia.

Aquí tienes un resumen rápido de todos los pasos que cubriremos en esta guía:

¿Listo? ¡Empecemos de inmediato!

Agregar un deslizador de video a tu sitio de WordPress

La forma más fácil de agregar deslizadores de video a tu sitio web es usando un plugin.

Recomendamos Soliloquy porque es el mejor plugin de carruseles para WordPress del mercado. En mis pruebas en un sitio de WordPress real, encontré que Soliloquy es excepcionalmente rápido sin afectar los tiempos de carga de la página.

Soporta plataformas de video populares como YouTube, Vimeo y Wistia, permitiéndote simplemente pegar una URL de video para añadirla a tu carrusel. También es totalmente adaptable a dispositivos móviles, por lo que tus diapositivas de video se verán geniales en cualquier dispositivo.

Además, no te limitas a videos: puedes mezclar imágenes y otro contenido para crear carruseles más atractivos. Puedes obtener más información en nuestra reseña completa de Soliloquy.

Ahora, lo primero que necesitas hacer es crear una cuenta de Soliloquy a través del sitio web de Soliloquy y subir el archivo zip a tu sitio de WordPress para instalarlo.

Para más detalles sobre la instalación, puedes consultar nuestra publicación sobre cómo instalar un plugin de WordPress.

Después de la activación, simplemente navega a Soliloquy » Add New.

En la siguiente pantalla, deberás darle un título a tu nuevo slider de video. Luego, haz clic en el botón que dice ‘Select Files from Other Sources.’

Aparecerá una ventana emergente donde deberás hacer clic en la opción 'Insertar diapositiva de video'. Desde aquí, puedes agregar el título, la URL del video, la descripción y el texto alternativo para tu video.

Puedes empezar dando a tu diapositiva un nombre claro para que sea más fácil organizarla más tarde.

A continuación, introduce el enlace de tu vídeo en el campo ‘URL del vídeo’. Puedes usar un enlace de tu biblioteca multimedia o, preferiblemente, un sitio de alojamiento de vídeos como YouTube, Vimeo o Wistia. Simplemente pega la URL de vídeo estándar de tu navegador; no se necesita código de inserción.

Si estás usando un video de tu biblioteca multimedia, deberás subir una imagen de portada al campo ‘URL de la imagen’. Esta imagen se muestra antes de que el video se reproduzca y ayuda a mejorar el rendimiento al evitar que el video se cargue de inmediato.

Dicho esto, si estás usando un enlace de YouTube, Vimeo o Wistia, Soliloquy ocultará automáticamente el campo ‘URL de la imagen’ por ti.

También puedes agregar una leyenda si lo deseas. Este es un excelente lugar para explicar brevemente de qué trata el video y animar a los usuarios a hacer clic en reproducir.

Si deseas agregar otra diapositiva de video, simplemente haz clic en el botón 'Agregar otra diapositiva de video'.

Desde allí, deberás subir el título, la URL del video, la URL de la imagen, la leyenda y el texto alternativo del siguiente video.

Una vez hecho esto, puedes repetir el proceso para todas las diapositivas de video que desees agregar.

Después de eso, simplemente haz clic en el botón 'Insertar en el control deslizante'.

Tus diapositivas de video aparecerán en la pantalla de la nueva diapositiva de esta manera.

Si necesitas hacerles cambios, siempre puedes hacer clic en el ícono del lápiz para editar el video o hacer clic en el ícono 'Inactivo' para hacerlo inactivo.

Desde aquí, puedes ir a la pestaña 'Configuración' para personalizar cómo deseas que aparezca tu control deslizante de video.

En esta pantalla, puedes alternar varias configuraciones.

Por ejemplo, puedes cambiar las dimensiones de la diapositiva para que se ajusten al diseño de tu sitio web. También puedes personalizar la posición del slider y la leyenda para que se alineen con otros elementos de tu página.

Otra opción que quizás quieras considerar es si permitir o no la reproducción automática de video.

Puedes configurar la diapositiva de video para que se reproduzca automáticamente cuando un visitante llega a la página, de modo que se vea obligado a ver tu contenido.

Sin embargo, ten en cuenta que podría ralentizar la velocidad de la página, ya que el navegador también tiene que cargar el video. Además, los navegadores modernos a menudo bloquean la reproducción automática de videos a menos que estén silenciados.

Lo bueno de Soliloquy es que el plugin también puede optimizar tu slider de video para dispositivos móviles, pero deberás configurar estas opciones manualmente.

Para hacer esto, vamos a la pestaña 'Móvil'.

Una vez dentro, puedes crear imágenes de control deslizante para móviles y mostrar pies de foto para que la gente sepa lo que va a ver antes de hacer clic para reproducir.

Ahora, estás listo para agregar el deslizador a tu blog de WordPress o sitio web.

Haz clic en el botón ‘Publicar’ en el panel derecho.

Mostrar el deslizador de video en WordPress

Para incrustar tu deslizador, es posible que desees crear o editar una publicación o página donde quieras mostrarlo.

En el editor de WordPress, puedes hacer clic en el botón ‘+’ para agregar el bloque Soliloquy a tu página. Para facilitar el proceso, puedes escribir ‘Soliloquy’ en la barra de búsqueda.

Luego, seleccionemos el slider de video que acabas de crear desde el widget Soliloquy y lo insertaremos en tu página.

Con eso hecho, haz clic en el botón ‘Publicar’ o ‘Actualizar’ en la parte superior.

Eso es todo. Ahora puedes previsualizar tu publicación para ver tus diapositivas de video en acción.

Así es como podría verse:

Si todavía estás usando el editor clásico de WordPress, entonces también puedes agregar un deslizador de video a cualquier página o publicación de WordPress.

Tendrás que copiar el shortcode ubicado en la página de Soliloquy, donde se almacenan todos tus sliders de video. Luego, simplemente inserta ese shortcode en tu contenido.

Para obtener más información, puedes consultar nuestra guía sobre cómo insertar un shortcode en WordPress.

Extra: Agregar un deslizador de contenido destacado a WordPress

Además de agregar sliders de video a tu sitio web, también puedes querer agregar un slider de contenido destacado a tus páginas de WordPress.

Además de mostrar tus mejores publicaciones de blog, puedes agregar deslizadores de contenido destacado para resaltar productos destacados de tu tienda en línea, compartir reseñas, mostrar elementos de tu portafolio o exhibir categorías populares.

A diferencia de los deslizadores de video, un deslizador de contenido destacado puede mostrar una combinación de imágenes y enlaces en la diapositiva.

Todo lo que tienes que hacer es instalar el 'Featured Content Addon' en Soliloquy.

El siguiente paso es agregar el contenido, los enlaces y las descripciones de tus archivos multimedia seleccionando tus archivos, subiéndolos al complemento y completando los campos de título y descripción correspondientes.

Para un tutorial más detallado, puedes consultar nuestra publicación de blog sobre cómo agregar correctamente un deslizador de contenido destacado en WordPress.

Preguntas frecuentes: Crear deslizadores de video en WordPress

Si todavía te preguntas cómo los deslizadores de video afectan tu sitio o cómo usarlos de manera efectiva, estas preguntas frecuentes cubren los puntos clave.

¿Un deslizador de video ralentizará mi sitio web?

Puede hacerlo, pero plugins como Soliloquy están diseñados para el rendimiento. Utilizan carga diferida, por lo que el video solo se carga cuando un usuario hace clic en reproducir. Usar un servicio de alojamiento de videos como YouTube, Vimeo o Wistia en lugar de subirlo directamente a WordPress también mantiene tu sitio rápido.

¿Puedo mezclar videos e imágenes en el mismo slider?

Sí. Soliloquy admite múltiples tipos de diapositivas, por lo que puedes combinar videos, imágenes e incluso contenido HTML personalizado dentro de un solo deslizador.

Para los videos, puedes proporcionar una imagen de marcador de posición (imagen del póster) que se muestra antes de que el video se reproduzca. Esto mejora el rendimiento y asegura que tu slider se vea bien mientras carga.

¿Los sliders de video de Soliloquy son amigables con dispositivos móviles?

Absolutamente. Según nuestras pruebas, Soliloquy es totalmente adaptable, por lo que los deslizadores se ajustan automáticamente para adaptarse a computadoras de escritorio, tabletas y teléfonos inteligentes.

¿Necesito saber programar para agregar un slider de video?

En absoluto. Si sigues este tutorial, estará completamente libre de código. Esto permite que cualquiera, incluidos los principiantes, cree, personalice y agregue un slider de video con facilidad.

Próximos pasos para usar archivos multimedia en WordPress

Esperamos que este artículo te haya ayudado a agregar sliders de video en WordPress usando Soliloquy.

A continuación, también te recomendamos consultar nuestras guías sobre:

• Guía para principiantes sobre tamaños de imagen en WordPress (+ Mejores prácticas)
• Cómo agregar varias miniaturas de publicación / imágenes destacadas en WordPress
• Cómo incrustar Apple Podcasts en WordPress
• Cómo iniciar un podcast y hacerlo exitoso
• Los mejores sitios de alojamiento de video para blogueros, especialistas en marketing y empresas

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.