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. Una primera impresión sólida puede ser la diferencia entre que un visitante se quede o abandone tu sitio.
Los sliders de video 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 presentar recorridos virtuales de 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, te explicaremos cómo puedes crear fácilmente deslizadores de video en WordPress para que puedas cautivar a tu audiencia. Aquí tienes un resumen rápido de todos los pasos que cubriremos en esta guía:
- Agregar un deslizador de video a tu sitio de WordPress
- Mostrar el deslizador de video en WordPress
- Extra: Agregar un deslizador de contenido destacado a WordPress
- Preguntas frecuentes: Crear deslizadores de video en WordPress
- Próximos pasos: Guías para usar archivos multimedia en WordPress
¿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 slider para WordPress del mercado. Mientras que la mayoría de los plugins de slider para WordPress ralentizan tu sitio web, Soliloquy es súper rápido y no afectará el tiempo de carga de tu página.
Lo hemos probado exhaustivamente y puedes obtener más información en nuestra reseña completa de Soliloquy.
Soliloquy soporta múltiples plataformas de video, incluyendo YouTube, Vimeo y Wistia. Así que, simplemente puedes ingresar la URL del video si ya está publicado.
El plugin también es responsive para móviles. Esto significa que puedes usarlo para crear diapositivas de video que funcionen en cualquier dispositivo y tamaño de pantalla. Además de todo, permite múltiples tipos de diapositivas para que puedas agregar videos, imágenes y contenido también.
Ahora, lo primero que necesitas hacer es instalar y activar el plugin Soliloquy. Para más detalles sobre la instalación, puedes consultar nuestra publicación sobre cómo instalar un plugin de WordPress.
💡 Nota: También existe un plugin gratuito de Soliloquy que te permite crear sliders de video. Sin embargo, usaremos el plugin Soliloquy Pro para nuestro tutorial porque tiene soporte integrado para YouTube, Vimeo y Wista, junto con más configuraciones de control de video.
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.’
🧑💻 Consejo Pro: Soliloquy te permite subir videos directamente, pero no se recomienda. Subir videos a tu biblioteca de WordPress puede ralentizar tu sitio, por lo que es mejor usar un servicio de alojamiento de videos como YouTube, Vimeo o Wistia.
Para más detalles, consulta nuestra guía sobre por qué nunca debes subir un video a WordPress.
Aparecerá una ventana emergente donde debes hacer clic en la opción ‘Insert Video Slide’.
Aquí es donde necesitarás agregar el título, la URL del video, la leyenda y el texto alternativo del video.
Para la URL del video, puedes usar un enlace de tu biblioteca de medios o, preferiblemente, un sitio de alojamiento de videos como YouTube, Vimeo o Wistia.
Continúa y completa todos los detalles basándote en tu video.
En el campo 'URL de la imagen', también debes proporcionar una imagen de marcador de posición para el video. Esta imagen se usará cuando el video no se esté reproduciendo. También ayuda a mejorar el rendimiento de tu WordPress porque el video solo se carga cuando el usuario hace clic en él.
Luego, en el campo 'URL del video', puedes encontrar la URL del video en tu biblioteca de medios o directamente desde un sitio de alojamiento de videos como YouTube.
También tienes la opción de proporcionar una leyenda para el video. Si decides hacerlo, te recomendamos escribir algo atractivo que también describa lo que la gente puede esperar cuando haga clic en reproducir.
Si deseas agregar otra diapositiva de video, simplemente haz clic en el botón 'Agregar otra diapositiva de video'.
A partir de ahí, deberás cargar 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 a tu diseño web. También puedes personalizar la posición del control deslizante y del pie de foto 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.
Lo bueno de Soliloquy es que el plugin también puede optimizar tu control deslizante de video para dispositivos móviles. Pero necesitas configurar manualmente los ajustes.
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 slider 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 slider, 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, también puedes agregar un slider 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 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 portafolio o mostrar 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, de manera similar a como lo hiciste con el deslizador de video.
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 ser, 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 slider.
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 completamente responsivo, por lo que los sliders 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: Guías 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 puedes 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 agregar un widget de reproductor de música de audio en WordPress
- Cómo incrustar Apple Podcasts en WordPress
- Cómo agregar indexación y búsqueda de PDF en WordPress
- Cómo iniciar un podcast y hacerlo exitoso
- Cómo optimizar videos para tu sitio web de WordPress
- 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 obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
kzain
Había querido agregar un slider de video a mi sitio web pero no estaba seguro por dónde empezar. El desglose de los diferentes plugins de slider y las opciones de personalización es muy útil. Ahora puedo crear un slider visualmente atractivo para mostrar mi contenido de video. ¡Gracias por compartir!
Moinuddin Waheed
Esto es muy necesario para muchos sitios web para mostrar videos cortos con fines instructivos, como la descripción de productos, los servicios ofrecidos y las guías de "cómo hacerlo".
Siempre he descartado la idea de incrustar un carrusel de video simplemente por el problema de la velocidad del sitio web.
Dado que Soliloquy se encarga de la velocidad y permite incrustar videos de YouTube en el carrusel, tendrá sentido usarlo en todos los sitios web que lo requieran.
Gracias a wpbeginner por esta guía, definitivamente lo intentaré.