Un widget de lista de reproducción de YouTube muestra una lista completa en tu sitio web: un reproductor principal más una barra lateral con la cola por la que los visitantes pueden desplazarse. Esta plantilla te da ese diseño listo para incrustar y se mantiene sincronizada con la lista en YouTube. Úsala en páginas de cursos, demos de producto y centros de ayuda donde los espectadores necesitan saltar de un vídeo a otro.
Qué muestra el widget de lista de reproducción de YouTube y dónde colocarlo
Un widget de lista de reproducción de YouTube es un bloque incrustado que reproduce los vídeos de una lista de YouTube y muestra los demás vídeos junto al reproductor. Los visitantes eligen cualquier vídeo de la lista en lugar de verlos en un orden fijo.
Esta plantilla incluye un reproductor de vídeo principal, una barra lateral con la cola de la lista, un panel con los detalles del vídeo, controles de reproducción, un indicador de visualización completa y un enlace Ver en YouTube. Funciona con el feed de listas de reproducción de YouTube, que conecta tu lista a través de la API de YouTube.
Úsala cuando quieras incrustar una lista de reproducción de YouTube con navegación en barra lateral en páginas de cursos y tutoriales, páginas de demos de producto, sitios de creadores y marcas, centros de ayuda y páginas de destino. El diseño es responsivo, así que la barra lateral se adapta a pantallas más pequeñas.
- Página de inicio: una lista corta de vídeos de presentación responde las primeras dudas sin enviar a los visitantes a YouTube.
- Página de precios: una lista de demos muestra el producto en acción mientras los visitantes comparan planes.
- Páginas de producto: los vídeos de configuración y tutoriales ayudan a los compradores a ver cómo funciona el producto.
- Páginas de destino: una lista enfocada mantiene a los espectadores en la página y cerca de tu llamada a la acción.
Cómo añadir un widget de lista de reproducción de YouTube a tu sitio web
- Conecta tu lista de reproducción de YouTube como fuente en EmbedSocial.
- Selecciona la plantilla Widget de lista de reproducción de vídeo en la biblioteca de plantillas de YouTube.
- Personaliza cómo se muestran el título y la descripción y elige si mostrar la barra lateral con la cola.
- Define el número de vídeos que se cargan y el orden (por defecto, el de la lista).
- Copia el código de inserción (JavaScript o iFrame).
- Pégalo en tu sitio web (WordPress, Shopify, Wix, Squarespace o HTML personalizado) y publica.
WordPress
- Abre la página en el editor de bloques y añade un bloque de HTML personalizado.
- Pega el código de inserción de EmbedSocial en el bloque.
- Previsualiza la página y haz clic en Actualizar o Publicar.
Shopify
- En el panel de administración de Shopify, ve a Tienda online, luego a Temas y haz clic en Personalizar.
- Abre la página o plantilla donde debe aparecer el widget y añade una sección de Custom Liquid.
- Pega el código de inserción en la sección y haz clic en Guardar.
Wix
- Abre el editor de Wix y haz clic en Añadir elementos.
- Elige Código de inserción, luego Insertar HTML, y coloca el elemento en la página.
- Haz clic en Introducir código, pega el código de inserción, haz clic en Actualizar y publica el sitio.
Squarespace
- Edita la página y haz clic en Añadir bloque donde deba ir el widget.
- Elige Código y pega el código de inserción en el bloque.
- Guarda la página y comprueba el resultado en el sitio en vivo.
Barra lateral de la lista frente a otros diseños
| Diseño | Ideal para | Muestra | Plantilla |
|---|---|---|---|
| Reproductor con barra lateral de lista | Cursos, tutoriales, series de demos | Una lista con un reproductor principal y su cola | Widget de lista de reproducción de YouTube con barra lateral |
| Reproductor principal con lista del canal | Destacados del canal, repeticiones de directos | Los últimos vídeos del canal junto a un reproductor grande | Widget de Transmisión en Vivo de YouTube |
| Cuadrícula de vídeos | Explorar un canal completo | Los vídeos del canal como tarjetas con un botón de suscripción | Widget Clásico de Feed de Canal de YouTube |
Incrustación nativa de YouTube frente a widget de lista de reproducción
YouTube te permite incrustar una lista de reproducción gratis. Abre la lista, haz clic en Compartir, elige Insertar y copia el código iframe en un bloque HTML de tu página.
Esa incrustación nativa te da un único reproductor con un diseño fijo. Los visitantes no pueden recorrer toda la lista en tu página, y tú no puedes cambiar el diseño para que combine con tu sitio.
Un widget de lista de reproducción mantiene el reproductor de YouTube y añade lo que le falta al iframe:
- Una barra lateral visible con la cola de todos los vídeos de la lista
- Un panel de detalles con el título y la descripción del vídeo actual
- Actualizaciones automáticas cuando añades vídeos a la lista en YouTube
- Opciones para seleccionar vídeos a mano o filtrarlos por fecha o palabras clave
- Estilos personalizados, incluido tu propio CSS
Para una guía completa de ambos métodos, lee cómo incrustar una lista de reproducción de YouTube.
