Cómo hacer fácilmente una lista de reproducción de video usando Elementor sin ninguna codificación [2022]

Si bien es muy fácil agregar un video a su sitio web, hacer una lista de reproducción de videos con Elementor fue un desafío para los creadores de contenido. Ahora, con la última actualización de Elementor PRO , puede crear fácilmente hermosas listas de reproducción de videos para su sitio web y exhibir sus videos.

Elementor Pro 3.3 viene con un nuevo widget de "Lista de reproducción de video ", que cambia la forma en que los creadores web agregan contenido multimedia a sus sitios. Ahora, puede atraer a los visitantes de su sitio y hacer que permanezcan más tiempo en su página al mostrar de manera hermosa una lista de reproducción de video animada e interactiva, e incluso personalizarla de la forma que desee sin tener que tocar una línea de código.

Muestre maravillosamente listas de reproducción de video en Elementor sin codificación

Para cualquier creador de contenido, agregar contenido visual interactivo como una lista de reproducción de video en WordPress puede ayudar a aumentar el compromiso con los visitantes de su sitio. Esto es cierto no solo para aquellos que crean contenido para Youtube, sino también para cualquier persona con un sitio web de WordPress, como jugadores, entrenadores físicos, profesores de baile o incluso propietarios de pequeñas empresas.

Con Elementor Pro 3.3 , ahora puede mostrar su contenido de video como nunca antes. No solo puede decidir qué videos específicos desea agregar a su lista de reproducción, sino que también puede controlar el orden en que aparecerán, personalizar los íconos de reproducción, las pestañas, las miniaturas y las superposiciones, y mucho más.

¿La mejor parte? Solo toma 5 minutos hacer una lista de reproducción de video en Elementor.

Eso no es todo, incluso puede habilitar la carga diferida para sus videos para que no se carguen hasta que se requiera la reproducción. Esto hará que sus páginas web se carguen más rápido y mejorará la experiencia de los visitantes de su sitio.

Profundicemos a continuación para ver cómo funciona este nuevo widget en Elementor y cómo puede usarlo para crear hermosas listas de reproducción de videos en WordPress.

Agregue sin problemas múltiples videos en su sitio web de WordPress

Cargar videos individuales uno a la vez en su sitio web de WordPress puede ser un poco complicado, especialmente si tiene mucho contenido de video importante que desea compartir con los visitantes de su sitio web. No solo hará que sus páginas web sean más pesadas, sino que cargar videos individualmente ocupará mucho espacio y tiempo en la página.

Sin embargo, con una lista de reproducción de video , puede crear una sección donde todo el contenido de su video esté perfectamente organizado en su lugar y permitir que los visitantes de su sitio elijan qué video quieren reproducir. Esto le dejará más espacio para agregar otro contenido en su página web, reducir el contenido de desplazamiento y alentar a los visitantes del sitio a permanecer más tiempo en su sitio.

Personaliza tus listas de reproducción de video y dale estilo como quieras

Puede diseñar su lista de reproducción de la forma que desee en Elementor Editor , para darle su toque personal y promocionar su marca. Todo lo que tiene que hacer es ajustar la configuración en la pestaña 'Estilo' para que su lista de reproducción se destaque. Puede optar por agregar una miniatura personalizada, agregar pestañas debajo de sus videos para mostrar la descripción o la transcripción del video, y mucho más.

Facilite el aprendizaje en línea con atractivas listas de reproducción de tutoriales

Si está compartiendo tutoriales con los visitantes de su sitio web, este widget de lista de reproducción de video de Elementor lo ayudará a disparar sus tasas de participación. Ya sea que comparta tutoriales de productos, videos educativos en línea , tutoriales de baile o tutoriales de acondicionamiento físico, los visitantes de su sitio podrán aprender sobre su producto o negocio con contenido visual más interactivo.

Cómo hacer una lista de reproducción de videos usando Elementor en WordPress

Entonces, ahora sabe todo sobre cómo una lista de reproducción de videos puede hacer que su sitio web se destaque y obtenga más participación de los visitantes del sitio. Sumerjámonos en el tutorial y veamos cómo crear una lista de reproducción de video en WordPress usando Elementor.

Nota: Si es nuevo en el uso del creador de sitios web de Elementor, puede consultar nuestra guía completa para principiantes sobre cómo usar Elementor para obtener consejos y trucos útiles.

Paso 1: instale y active Elementor en su sitio web

Primero, debe instalar y activar Elementor en su sitio web de WordPress. Una vez hecho esto, asegúrese de instalar también Elementor Pro , ya que este widget es exclusivo para la versión premium del creador de sitios web.

Después de instalar y activar Elementor y Elementor Pro, diríjase a su panel de control de WordPress y cree una nueva página. Haga clic en el botón azul "Editar con Elementor" como se muestra a continuación. Esto abrirá su página en Elementor Editor.

Paso 2: arrastre y suelte el widget de lista de reproducción de video

Cuando el Editor de Elementor termine de cargarse, vaya a la pestaña 'ELEMENTOS' en el panel lateral izquierdo y busque el widget "Lista de reproducción de video ". Ahora todo lo que tiene que hacer es arrastrar y soltar el widget en cualquier sección de su página. Su lista de reproducción se mostrará de forma predeterminada como se muestra a continuación.

Paso 3: agregue su lista de reproducción de video y configure el contenido

Ahora puede agregar sus videos uno por uno para crear su propia lista de reproducción personalizada en WordPress. Desde la pestaña 'Contenido' , haga clic en la opción 'Lista de reproducción'. Aquí puede agregar sus videos simplemente pegando la URL o cargando su propio archivo.

Si está compartiendo videos de Youtube, haga clic en la opción 'Tipo' y configure la fuente en 'Youtube'. Si está compartiendo sus videos de otras fuentes, simplemente cambie a 'Alojamiento propio' y luego cargue su video o comparta su enlace de video activando la opción 'Compartir URL externa' .

Para los videos de Youtube, puede hacer clic fácilmente en el botón "Obtener datos de video" para importar instantáneamente todas las configuraciones e información de su video de Youtube, incluida la miniatura y el título del video.

También puede optar por mostrar la 'Pestaña de contenido' para sus videos si desea compartir información adicional sobre su video, como la descripción o la transcripción.

Para agregar más videos, haga clic en el botón '+ Agregar elemento' en la 'Lista de reproducción' y luego repita los pasos anteriores. Siéntase libre de agregar tantos videos como necesite para crear su lista de reproducción en Elementor.

Hay muchas más opciones para ayudarlo a configurar el contenido de su lista de reproducción y hacerlo aún mejor para los visitantes de su sitio web. Por ejemplo, desde la opción 'Pestañas' puedes añadir los nombres de tus pestañas de vídeo, hacerlas plegables y ajustar la altura.

También puede agregar sus superposiciones de imágenes personalizadas e íconos de reproducción, e incluso activar opciones adicionales como la reproducción automática al cargar, mostrar el recuento y la duración del video, y habilitar la carga diferida para acelerar sus páginas web.

Paso 4: Diseñe y personalice su lista de reproducción de videos en Elementor

Esta es la mejor parte del tutorial. Aquí, le mostraremos cómo personalizar su lista de reproducción y agregar su propio toque personal. Desde cambiar la altura del diseño, personalizar los colores de la barra superior, las pestañas y más, puedes diseñar tu lista de reproducción de todas las formas imaginables. Juega con la configuración y diseña una hermosa lista de reproducción para tu sitio web con solo unos pocos clics.

Incluso puede usar la función de fuentes y colores globales de Elementor para asegurarse de que el diseño de su lista de reproducción sea coherente con los colores de su sitio o los colores de la marca. Si lo desea, también puede agregar más personalización agregando fragmentos de código CSS personalizados .

Paso 5: Publique y comparta su lista de reproducción de videos en WordPress

Ahora que ha terminado de agregar videos a su lista de reproducción y personalizar la apariencia, todo lo que queda por hacer es compartirlo con el mundo. Guarde los cambios que ha realizado y obtenga una vista previa de su página para ver cómo aparecerá la lista de reproducción en un sitio web en vivo. Si le gusta cómo se ve, presione el botón 'Publicar' para compartir su lista de reproducción en su sitio web de WordPress.

Mira el que hemos hecho en este tutorial a continuación.

Haga que su sitio web sea interactivo con listas de reproducción de video

Como puede ver, crear una lista de reproducción de videos increíble y bellamente diseñada en WordPress no podría ser más fácil. Pruébelo usted mismo hoy y vea cómo aumentan sus tasas de participación creando una lista de reproducción de video interactivo en Elementor .

¿Te gustó este tutorial? Comparta sus pensamientos con nosotros en los comentarios a continuación; nos encantaría saber de usted. Para obtener más tutoriales divertidos, noticias y actualizaciones, suscríbase a nuestro blog o únase a nuestra amigable comunidad de usuarios de Elementor como usted.