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 crear un carrusel / control deslizante de vídeo en WordPress (Tutorial fácil)

Una de las preguntas que recibimos con frecuencia de nuestros lectores es cómo añadir un carrusel / control deslizante de vídeo a un sitio de WordPress.

Si las tasas de rebote son altas, puede que su sitio web sea aburrido o esté mal diseñado. Los carruseles de vídeo son una buena manera de animar su página de inicio o cualquier otra página de su sitio web para captar la atención de sus visitantes.

En este artículo, le mostraremos cómo crear fácilmente un carrusel / control deslizante de vídeo en WordPress.

how-to-create-a-video-slider-in-wordpress-og

¿Por qué utilizar un carrusel / control deslizante de vídeo en WordPress?

Muchos usuarios de WordPress luchan por hacer que sus sitios web destaquen y mantener a los visitantes enganchados. Aquí es donde los carruseles / controles deslizantes de vídeo pueden ayudar.

Las imágenes están muy bien, pero los vídeos son aún mejores para hacer que su sitio web de WordPress sea más atractivo. La primera impresión es importante y puede marcar la diferencia entre que un visitante se quede a marcar / comprobar tus productos y servicios o que se marche solo para no volver jamás.

Además, también puede utilizar vídeos para mostrar demostraciones de productos, reseñas / valoraciones u otros contenidos promocionales.

Por ejemplo, un sitio web inmobiliario puede mostrar recorridos virtuales por los inmuebles. Los sitios web de viajes pueden mostrar recomendaciones de hoteles, destinos turísticos y experiencias de recorridos interesantes para atraer a clientes potenciales.

Un carrusel / control deslizante de vídeo es un control deslizante que contiene solo vídeos en lugar de imágenes estáticas. Estas son algunas de las posibles formas en que puede utilizar los carruseles / controles deslizantes de vídeo para su negocio:

  • Cree un carrusel / control deslizante dedicado con breves testimonios de clientes satisfechos.
  • Comparta vídeos de casos prácticos detallados.
  • Mostrar reseñas de productos o servicios.
  • Demuestre las diferentes características del producto y cómo funcionan.

Con esto en mente, vamos a repasar cómo puedes crear fácilmente carruseles / controles deslizantes de vídeo en WordPress para que puedas involucrar a tu audiencia. Aquí tienes un resumen rápido de todos los pasos que cubriremos en esta guía:

¿Preparados? ¡Vamos allá!

Añadir un carrusel / control deslizante de vídeo a su sitio WordPress

La forma más fácil de añadir carruseles / controles deslizantes de vídeo a su sitio web es mediante el uso de un plugin.

Recomendamos Soliloquy porque es el mejor plugin de carrusel / control deslizante para WordPress del mercado. Mientras que la mayoría de los plugins de deslizadores de WordPress ralentizan su sitio web, Soliloquy es súper rápido y no perjudicará el tiempo de carga de su página.

Soliloquy WordPress Image Slider

Además, Soliloquy es compatible con múltiples plataformas de vídeo, como YouTube, Vimeo y Wistia. Así, basta con introducir la URL del vídeo si ya está publicado.

El plugin también es adaptable a dispositivos móviles. Esto significa que puede utilizarlo para crear diapositivas de vídeo que funcionan en todos los dispositivos y tamaños de pantalla. Además, permite múltiples tipos de deslizamiento para que pueda añadir vídeos, imágenes y contenido también.

Ahora, lo primero que tienes que hacer es instalar y activar el plugin Soliloquy. Para más detalles sobre la instalación, puedes marcar / comprobar nuestra entrada sobre cómo instalar un plugin de WordPress.

Nota: También existe un plugin gratuito Sol iloquy que permite crear carruseles / controles deslizantes de vídeo. Sin embargo, vamos a utilizar el plugin Soliloquy Pro para nuestro tutorial, ya que tiene soporte integrado para YouTube, Vimeo y Wista, junto con más ajustes de control de vídeo.

Una vez activado, sólo tiene que ir a Soliloquy ” Añadir nuevo.

En la siguiente pantalla, tendrás que dar un título a tu nuevo carrusel / control deslizante de vídeo. A continuación, haz clic en el botón “Seleccionar archivos de otras fuentes”.

Add new video slider

Ten en cuenta que Soliloquy también te permite subir vídeos directamente, pero no te lo recomendamos. Para más detalles, puedes consultar nuestra guía sobre por qué nunca debes subir un vídeo a WordPress.

Aparecerá una ventana emergente en la que deberá hacer clic en la opción “Insertar deslizar vídeo”.

Aquí es donde tendrás que añadir el título, la URL del vídeo, la leyenda y el texto alternativo del vídeo.

Insert video slide

Rellene todos los datos basándose en su vídeo.

En el campo “URL de la imagen”, también debe proporcionar un marcador de posición para el vídeo. Esta imagen se utilizará cuando el vídeo no se esté reproduciendo. También ayuda a mejorar el rendimiento de WordPress, ya que el vídeo solo se carga cuando el usuario hace clic en él.

A continuación, en el campo “URL del vídeo”, puedes encontrar la URL del vídeo en tu biblioteca de medios o directamente desde un sitio de alojamiento de vídeos como YouTube.

Nota: Es mejor subir el vídeo a un sitio de alojamiento de vídeos, ya que subirlo a la biblioteca de WordPress puede perjudicar su rendimiento. Afortunadamente, Soliloquy es compatible con YouTube, Vimeo y Wistia.

También tiene la opción de añadir una leyenda al vídeo. Si decide hacerlo, le recomendamos que escriba algo atractivo que también describa lo que la gente puede esperar al hacer clic en reproducir.

adding video slide

Si quieres añadir otra diapositiva de vídeo, sólo tienes que hacer clic en el botón “Añadir otra diapositiva de vídeo”.

A partir de ahí, tendrás que subir el título, la URL del vídeo, la URL de la imagen, la leyenda y el texto alternativo del siguiente vídeo.

Add another video slide

Una vez hecho esto, puedes repetir el proceso para todas las diapositivas de vídeo que quieras añadir.

Después, basta con hacer clic en el botón “Insertar en carrusel / control deslizante”.

Insert into slider

Tus diapositivas de vídeo aparecerán en la nueva pantalla de diapositivas así.

Si necesitas hacer cambios en ellos, siempre puedes hacer clic en el icono del lápiz para editar el vídeo o hacer clic en el icono “Inactivo” para desactivarlo.

Desde aquí, puedes ir a la pestaña “Configuración” para personalizar cómo quieres que aparezca tu carrusel / control deslizante de vídeo.

Configuration tab for video slides

En esta pantalla puedes establecer varios ajustes.

Por ejemplo, puedes cambiar las dimensiones del deslizador para adaptarlo al diseño de tu web. También puede personalizar el carrusel y la posición de la leyenda para que se alineen con otros elementos de su página.

Slider Dimensions

Otra opción que puede considerar es permitir o no la reproducción automática de vídeo.

Puedes establecer que el deslizar del vídeo se reproduzca automáticamente cuando un visitante aterrice en la página para 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 vídeo.

autoplay video

Lo bueno de Soliloquy es que el plugin también puede optimizar su carrusel / control deslizante de vídeo para dispositivos móviles.

Pero tienes que establecer manualmente los ajustes.

Para ello, vamos a la pestaña “Móvil”. Una vez dentro, puedes crear imágenes de carrusel / control deslizante para móviles y mostrar leyendas para que la gente sepa lo que va a ver antes de hacer clic para reproducir.

Mobile video slides

Ahora, ya está listo para añadir el carrusel / control deslizante a su blog o sitio web de WordPress.

A continuación, haga clic en el botón “Publicar” del panel lateral derecho.

Publish button

Visualización del carrusel / control deslizante de vídeo en WordPress

Para incrustar su carrusel / control deslizante, es posible que desee crear o editar una entrada o página en la que desea mostrarlo.

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

Add soliloquy block

A continuación, seleccionamos el carrusel / control deslizante de vídeo que acabamos de crear en el widget Soliloquy y lo insertamos en nuestra página.

Una vez hecho esto, haz clic en el botón “Publicar” o “Actualizar” de la parte superior.

Insert video slide in WordPress

Eso es todo. Ahora puedes obtener una vista previa de tu entrada para ver tus deslizamientos de vídeo en acción.

Esto es lo que podría parecer:

Video slider preview

Si todavía utiliza el editor clásico de WordPress, también puede añadir un carrusel / control deslizante de vídeo a cualquier página o entradas de WordPress.

Tendrás que copiar el shortcode que se encuentra en la página de Soliloquy, donde se almacenan todos tus carruseles / controles deslizantes de vídeo. A continuación, simplemente inserte ese shortcode en su contenido.

Para más información, puede marcar / comprobar nuestra guía sobre cómo insertar un shortcode en WordPress.

Copy shortcode

Además de añadir controles deslizantes de vídeo a su sitio web, es posible que también desee añadir un control deslizante de contenido destacado a sus páginas de WordPress.

Además de mostrar las mejores entradas de su blog, puede añadir carruseles de contenido destacado para resaltar los productos destacados de su tienda en línea, compartir valoraciones, mostrar elementos del porfolio o mostrar categorías populares.

A diferencia de los controles deslizantes de vídeo, un control deslizante de contenido destacado puede mostrar una combinación de imágenes y enlaces en el deslizamiento.

Todo lo que tiene que hacer es instalar la extensión “Contenido destacado” en Soliloquy.

activate-featured-content-addon

El siguiente paso es añadir el contenido, los enlaces y las descripciones de sus archivos multimedia, de forma similar a como lo hizo con el carrusel / control deslizante de vídeo.

Para un tutorial más detallado, puede comprobar nuestra entrada de blog sobre cómo añadir correctamente un carrusel / control deslizante de contenido destacado en WordPress.

Esperamos que este artículo le haya ayudado a añadir carruseles / controles deslizantes de vídeo en WordPress utilizando Soliloquy. También puede marcar / comprobar nuestra lista de los mejores sitios de alojamiento de vídeo para bloggers, vendedores y empresas o nuestra guía sobre cómo optimizar vídeos para su sitio web de WordPress.

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. Moinuddin Waheed

    This is very much needed for many websites to showcase short videos for instructions purposes such as product description, services offered and how to guide.
    I have always skipped the idea of embedding video slider merely because of the speed of the website issue.
    Since soliloquy takes care of the speed and allows YouTube video embed in the slider, it will make sense to use it in every website that requires it.
    Thank you wpbeginner for this guide, I will definitely try this out.

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.