Cómo crear una galería de videos en WordPress (paso a paso)

¿Quieres crear una galería de videos en WordPress?

Por defecto, WordPress te permite incrustar videos en tus publicaciones y páginas. Sin embargo, agregar muchos videos ralentizará tu sitio web y ocupará mucho espacio en tu servidor de hosting.

En este artículo, te mostraremos cómo crear fácilmente una galería de videos de YouTube con aspecto profesional que no afectará el rendimiento de tu sitio web.

¿Por qué crear una galería de videos en WordPress?

A la gente le encanta ver videos. De hecho, según nuestra lista definitiva de estadísticas de blogs, las publicaciones con videos también obtienen un 83% más de tráfico que las que no tienen videos.

Si tienes una tienda en línea, los videos pueden incluso generar más ventas. Según expertos, el 88% de las personas han comprado un producto o servicio después de ver un video.

Por defecto, WordPress te permite agregar videos a publicaciones, páginas y áreas preparadas para widgets como la barra lateral. Sin embargo, es difícil crear un diseño de galería agradable utilizando los bloques y herramientas integrados de WordPress.

WordPress tampoco está optimizado para alojar y reproducir videos. Subir muchos videos a tu sitio web a menudo significa tiempos de carga más largos y una mala experiencia para el visitante, por lo que nunca debes subir videos directamente en WordPress.

En su lugar, recomendamos usar una plataforma de alojamiento de videos como YouTube. Una vez que tengas un canal de YouTube, puedes incrustar todos tus videos en WordPress sin afectar el rendimiento de tu sitio web.

Dicho esto, veamos cómo puedes crear una galería de videos en WordPress.

Cómo instalar un plugin de galería de videos

La forma más fácil de agregar una galería de videos de YouTube a tu sitio web de WordPress es usando el plugin Smash Balloon YouTube Feed. Es el mejor plugin de galería de videos de YouTube para WordPress, utilizado por más de 1.6 millones de sitios web.

Nota: Existe un Plugin Gratuito de YouTube Feed que te permite mostrar los últimos videos de tu canal de YouTube en WordPress. Sin embargo, usaremos la versión Pro ya que te permite incrustar listas de reproducción de YouTube, favoritos, transmisiones en vivo y más.

Si ya tienes un canal de YouTube, entonces puedes incrustar fácilmente todos tus videos en WordPress. Si no tienes un canal, entonces necesitarás crear uno y subir todos los videos que quieras incrustar en tu sitio web de WordPress.

Después de eso, estará listo para instalar y activar el plugin Smash Balloon YouTube Feed. Para más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activar, vaya a YouTube Feed » Configuración e ingrese su clave de licencia en el campo ‘Clave de licencia’.

Encontrará esta información en su cuenta en el sitio web de Smash Balloon.

Después de ingresar la clave, haga clic en el botón ‘Activar’.

Cómo conectar su sitio web de WordPress a YouTube

Una vez que el plugin esté activo, puede continuar y conectarlo a su canal de YouTube. En la pantalla YouTube Feed » Configuración, seleccione el botón ‘Agregar fuente’.

En la siguiente pantalla, haga clic en ‘Conectar a YouTube a través de Google’. Smash Balloon ahora mostrará todas sus cuentas de Google.

Puede elegir una cuenta de la lista o hacer clic en ‘Usar otra cuenta’.

Después de eso, verá una advertencia de que Smash Balloon tendrá acceso a su canal de YouTube.

Si está de acuerdo, haga clic en el botón 'Continuar'.

Smash Balloon ahora le pedirá el ID o nombre de usuario de su canal de YouTube.

Para obtener esta información, vaya al sitio web de YouTube y luego haga clic en la imagen de su perfil en la esquina superior derecha. Después de eso, seleccione 'Tu canal'.

Ahora, mire la barra de direcciones. Si ve algún texto después de 'user/', entonces este es el nombre de usuario de su canal de YouTube.

Si ve 'channel/' y luego una cadena de números y letras, entonces este es el ID del canal.

Simplemente copie el valor y vuelva a su panel de WordPress.

Aquí, pegue la información en el campo que muestra 'Introduce el ID o nombre de usuario del canal' por defecto. Cuando esté listo, haga clic en 'Siguiente'.

Crear una clave de API de YouTube

En este punto, verá el siguiente mensaje: No se ha introducido ninguna clave de API.

Para evitar cualquier interrupción, también recomendamos crear una clave de API de YouTube y agregarla a la configuración del plugin.

En una nueva pestaña, vaya a la Consola de Google e inicie sesión con su cuenta de Google.

Una vez que haya iniciado sesión en la consola, haga clic en el menú desplegable en la barra de herramientas. Por defecto, este muestra el nombre de su último proyecto de la Consola de Google, por lo que puede ver un texto diferente.

Si esta es la primera vez que inicia sesión en la Consola de Google Cloud, deberá aceptar los términos y condiciones cuando se le solicite.

Hecho esto, haga clic en 'Nuevo proyecto'.

Ahora puede escribir un nombre para el proyecto. Esto es solo para su referencia, por lo que puede usar lo que quiera. Después de eso, haga clic en 'Crear'.

En la barra de herramientas, haga clic en el icono 'Buscar' y luego escriba 'YouTube Data API'. En 'Marketplace', busque la YouTube Data API y haga clic en ella.

Esto lo lleva a una pantalla donde puede habilitar la clave de API de YouTube.

Para hacer esto, haga clic en el botón 'Habilitar'.

In the left-hand menu, select ‘Credentials.’

Then, click on ‘Create Credentials.’

In the dropdown menu that appears, click on ‘API key.’

After a few moments, you’ll see an ‘API key created’ message. You’ll need to add this information to the Smash Balloon plugin, so make a note of it.

All API keys are unrestricted by default. To stop other people from using the key without your permission, it’s a good idea to restrict it by clicking the ‘Edit API Key’ link.

This opens a screen showing all your keys. Simply click on the YouTube key we just created.

Note: If you closed the popup by accident, then don’t panic. You can reach the same screen by selecting ‘Credentials’ from the left-hand menu. Similarly, if you didn’t record the API key, then simply click on ‘Show Key’ to see your credentials.

Under ‘Set an application restriction’ select the ‘Websites’ option.

Under ‘Website Restrictions,’ click on ‘Add.’

You can now type in your WordPress website’s address and click on ‘Done.’

To help Feeds for YouTube access the API, you’ll also need to type in www.googleapis.com and then click on ‘Done.’

En ‘Restricciones de la API’, haz clic en el botón de opción junto a ‘Restringir clave’.

Hecho esto, haz clic en el menú desplegable ‘Seleccionar APIs’ y marca la casilla junto a ‘YouTube Data API’.

Después de eso, haz clic en ‘OK’.

Cuando estés satisfecho con la configuración de la clave de API, haz clic en el botón ‘Guardar’.

Ahora estás listo para agregar la clave de API a tu sitio web de WordPress. Vuelve al panel de WordPress y ve a YouTube Feed » Ajustes.

Aquí, pega la clave en el campo ‘Clave de API’ y luego haz clic en ‘Agregar’.

Cómo crear una galería de videos en WordPress

Ahora que has conectado WordPress y YouTube, es fácil mostrar los últimos videos de tu canal de YouTube en WordPress.

Simplemente ve a YouTube Feed » Todas las fuentes y luego haz clic en ‘Agregar nueva’.

Smash Balloon YouTube Feed Pro te permite incrustar todo tipo de contenido de YouTube, incluyendo listas de reproducción, transmisiones en vivo y videos individuales.

Incluso puedes crear un muro social combinando publicaciones de múltiples plataformas sociales. Por ejemplo, puedes incrustar publicaciones de estado de Facebook, mostrar tuits, mostrar fotos de Instagram y videos de YouTube, todo en una sola galería.

Para crear una galería de YouTube, selecciona ‘Canal’ y luego haz clic en ‘Siguiente’.

Tu próxima tarea es elegir la plantilla que usarás como punto de partida para tu feed de videos de YouTube. Todas las plantillas son completamente personalizables, así que puedes ajustar el diseño según cómo quieras que se vea la galería.

Para crear una galería de videos, selecciona la plantilla 'Galería' y luego haz clic en 'Siguiente'.

Smash Balloon creará ahora una galería de YouTube. Esto es un buen comienzo, pero quizás quieras ajustar cómo se ven los videos en tu blog de WordPress o sitio web.

Cómo personalizar tu galería de YouTube

Cada vez que creas un nuevo feed, Smash Balloon te lleva automáticamente al editor. Aquí verás una vista previa de la galería a la derecha y algunas configuraciones a la izquierda.

La mayoría de estas opciones se explican por sí solas, pero cubriremos rápidamente algunas áreas clave.

Si no estás satisfecho con cómo se ve el feed, puedes probar una plantilla diferente haciendo clic en la opción de menú 'Plantilla'.

Luego, selecciona el botón 'Cambiar'.

Esto abre una ventana emergente que muestra todas las diferentes plantillas que puedes usar.

Simplemente haz clic en la plantilla que quieras usar y luego haz clic en 'Actualizar'.

Después de eso, haz clic en el enlace 'Personalizar'.

Esto te regresa a la pantalla principal de configuración de Smash Balloon.

A continuación, puedes cambiar cómo se muestran tus videos haciendo clic en 'Diseño del feed'.

En esta pantalla, puedes alternar entre diseños de cuadrícula, galería, lista y carrusel.

Dependiendo del diseño que elijas, podrías tener acceso a algunas configuraciones adicionales.

Por ejemplo, si seleccionas 'Lista', puedes cambiar el número de videos que Smash Balloon muestra y crear más espacio entre los videos de YouTube.

A medida que realices cambios, la vista previa se actualizará automáticamente, para que puedas probar diferentes configuraciones y ver cuál se ve mejor para tu galería de videos.

Las estadísticas de redes sociales muestran que el 90% de los consumidores ven videos en sus dispositivos móviles, y el 70% de las personas visitan YouTube usando un teléfono inteligente o una tableta. Teniendo esto en cuenta, querrás asegurarte de que la galería de videos se vea tan bien en dispositivos móviles como en computadoras de escritorio.

Puedes previsualizar cómo se verá tu feed en computadoras de escritorio, tabletas y teléfonos inteligentes usando la fila de botones en la esquina superior derecha.

Después de probar la versión móvil de tu sitio web de WordPress, es posible que desees cambiar el número de videos que muestras en teléfonos inteligentes y tabletas. Esto puede ayudar a que tu galería se ajuste cómodamente en pantallas más pequeñas de tabletas y teléfonos inteligentes.

Si estás utilizando el diseño de Galería, entonces Smash Balloon ya muestra un número diferente de columnas en dispositivos móviles y computadoras de escritorio.

Para cambiar la configuración predeterminada, simplemente escribe nuevos números en la sección 'Columnas'.

Cuando estés satisfecho con los cambios, haz clic en 'Personalizar' para regresar a la pantalla principal de configuración de Smash Balloon.

Ahora estás listo para explorar la siguiente opción, que es 'Esquema de color'.

Por defecto, Smash Balloon utiliza el mismo esquema de color que tu tema de WordPress. Sin embargo, puedes cambiar a un esquema de color 'Claro' o 'Oscuro' si lo prefieres.

Incluso puedes crear tu propio esquema de color seleccionando 'Personalizado' y luego usando la configuración para cambiar el color del enlace, el color del texto, cambiar el color de fondo, y más.

A continuación, es posible que desees agregar una cabecera encima de la galería de videos. Esta cabecera muestra la foto de perfil y el nombre del canal de tu YouTube, para que los visitantes puedan ver exactamente de dónde proviene el contenido.

Para agregar una sección de cabecera, haz clic en 'Cabecera' en el menú de la izquierda.

En esta pantalla, haz clic en el control deslizante 'Habilitar' para cambiarlo de gris a azul.

Después de agregar una sección de encabezado, puedes usar los controles para alternar entre los estilos de encabezado estándar y de texto.

Si eliges ‘Texto’, entonces puedes cambiar el color del texto y el tamaño de la fuente. Por defecto, este encabezado muestra el mensaje ‘Estamos en YouTube’. Puedes reemplazarlo con tus propios mensajes escribiéndolos en el cuadro ‘Texto’.

Cuando estés satisfecho con la apariencia del encabezado, la siguiente pantalla de configuración es ‘Videos’.

Esto te lleva a una nueva pantalla donde puedes ajustar cómo se ve cada video por defecto, cuando un visitante pasa el cursor sobre él y cuando se está reproduciendo. Veamos cada opción por turno.

En ‘Estilo de video’, puedes alternar entre diseños en caja y regulares.

Si eliges ‘En caja’, entonces puedes cambiar el color de fondo, agregar una sombra de caja o aumentar el radio del borde para crear esquinas curvas.

También puedes elegir si mostrar los videos en un diseño horizontal o vertical.

Cuando estés satisfecho con tus cambios, haz clic en el enlace ‘Videos’. Esto te llevará de regreso a la pantalla anterior, donde puedes seleccionar ‘Editar elementos individuales’.

Aquí, puedes agregar y eliminar diferentes elementos de cada video.

Por ejemplo, puedes personalizar el título del video, la descripción y la fecha.

También puedes cambiar el color y el tamaño de cualquier elemento individual de YouTube haciendo clic en el nombre de ese elemento.

Algunos elementos tienen configuraciones adicionales. Por ejemplo, si seleccionas ‘Descripción’, entonces puedes establecer el número máximo de caracteres que mostrará Smash Balloon.

Cuando hayas terminado, puedes pasar a la configuración de ‘Estado al pasar el cursor’.

Aquí, puedes cambiar el contenido que aparece cuando los visitantes pasan el cursor del mouse sobre un video.

Cuando un visitante hace clic en un video, comenzará a reproducirse en un reproductor de video incrustado. Puedes cambiar cómo actúa y se ve el reproductor haciendo clic en 'Experiencia del reproductor de video'.

Aquí, puedes cambiar la relación de aspecto del reproductor y elegir si el video debe comenzar a reproducirse automáticamente o esperar hasta que el visitante haga clic en el botón de reproducir.

Si seleccionas 'Llamada a la acción', entonces puedes cambiar lo que sucede cuando el video termina o el visitante pausa la reproducción.

Por defecto, Smash Balloon intenta obtener más interacción en tu canal de YouTube mostrando videos relacionados. Es posible que desees mostrar un enlace personalizado en su lugar. Por ejemplo, si tienes una tienda WooCommerce, entonces podrías enlazar a tus productos WooCommerce más populares.

Cuando estés satisfecho con el reproductor, puedes hacer clic en ‘Personalizar’ para regresar a la pantalla principal del editor de Smash Balloon.

Después de eso, selecciona la opción ‘Cargar más’ del menú de la izquierda.

El botón ‘Cargar más’ ofrece a los visitantes una forma sencilla de desplazarse por más de tus videos. Esto puede generar más interacción en YouTube y mantener a los visitantes en tu sitio web por más tiempo.

Dicho esto, es posible que desees que el botón destaque cambiando su color de fondo, estado al pasar el cursor y color de texto.

Este botón muestra ‘Cargar más…’ por defecto, pero puedes agregar un mensaje personalizado escribiendo en el campo ‘Texto’.

Por defecto, Smash Balloon muestra un botón de ‘Suscribirse’ debajo de tu galería de videos.

Este botón facilita que los visitantes se unan a tu canal de YouTube, por lo que es posible que desees personalizarlo seleccionando ‘Botón de Suscribirse’ en la pantalla principal de configuración de Smash Balloon.

En esta pantalla, puedes cambiar el color de fondo del botón, el estado al pasar el cursor y el color del texto.

También puedes reemplazar ‘Suscribirse’ con tu propio mensaje escribiendo en el cuadro ‘Texto’.

Cuando estés satisfecho con el aspecto de la galería de videos, no olvides hacer clic en ‘Guardar’ para almacenar tus cambios. Ahora estás listo para agregar la galería a tu sitio web.

Cómo incrustar una galería de videos en WordPress

Puedes agregar tu galería de YouTube a WordPress usando un bloque, widget o shortcode.

Si has creado más de una fuente usando Smash Balloon, necesitarás conocer el código de la galería si vas a agregarla usando un bloque o widget.

Para obtener el código, ve a YouTube Feed » Todas las fuentes y luego copia el texto debajo de ‘Shortcode’.

En el siguiente ejemplo, necesitaremos usar youtube-feed feed=2.

Si deseas incrustar tu galería de videos en una página o publicación, te recomendamos usar el bloque ‘Feeds for YouTube’.

Para empezar, abre la página o publicación donde deseas incrustar la galería de videos de YouTube. Luego, haz clic en el ícono ‘+’ para agregar un nuevo bloque y comienza a escribir ‘Feeds for YouTube’.

Cuando aparezca el bloque correcto, haz clic para agregarlo a la publicación o página.

El bloque mostrará una de tus fuentes de Smash Balloon por defecto. Si deseas usar una fuente diferente en su lugar, simplemente busca ‘Shortcode Settings’ en el menú del lado derecho.

Ahora puedes agregar el shortcode a este cuadro. Una vez que lo hayas hecho, haz clic en el botón ‘Apply Changes’.

El bloque ahora mostrará todos los videos de tu canal de YouTube. Simplemente publica o actualiza la página para que tu fuente de redes sociales de YouTube esté en vivo.

Otra opción es agregar la fuente a cualquier área lista para widgets, como la barra lateral o una sección similar. Esto te permite mostrar la galería en todo tu sitio web.

Para hacer esto, simplemente dirígete a Apariencia » Widgets en el panel de WordPress y luego haz clic en el botón azul ‘+’.

Ahora, comienza a escribir ‘Feeds for YouTube’ en la barra de búsqueda para encontrar el widget correcto.

Después de eso, simplemente arrástralo al área donde deseas mostrar la galería de videos.

Por defecto, el widget mostrará una de las fuentes que creaste usando el plugin YouTube Feed Pro. Para mostrar una fuente diferente en su lugar, escribe el código de la fuente en el cuadro ‘Shortcode Settings’ y luego haz clic en ‘Apply Changes’.

Ahora puedes hacer clic en el botón ‘Update’ para que el widget esté en vivo.

Para más información, consulta nuestra guía paso a paso sobre cómo agregar y usar widgets.

También puedes incrustar tu galería de videos en cualquier página, publicación o área lista para widgets usando un shortcode. Para obtener el shortcode, simplemente ve a YouTube Feed » All Feeds y copia el valor en la columna 'Shortcode'.

Luego, simplemente agrega este código a tu sitio. Para más información, consulta nuestra guía detallada sobre cómo agregar un shortcode en WordPress.

Finalmente, si estás utilizando un tema habilitado para bloques, entonces puedes usar el editor de sitio completo para agregar el bloque Feeds for YouTube en cualquier lugar de tu sitio.

En el panel de WordPress, simplemente ve a Apariencia » Editor.

Por defecto, el editor de sitio completo mostrará la plantilla de inicio de tu tema.

Si deseas agregar la galería de videos de YouTube a una plantilla diferente, haz clic en 'Plantillas' en el menú de la izquierda.

El editor ahora mostrará una lista de todas las plantillas que componen tu tema de WordPress.

Continúa y haz clic en la plantilla que deseas editar.

WordPress ahora mostrará una vista previa de la plantilla.

Si estás de acuerdo en agregar la galería a esta parte de tu sitio, haz clic en el ícono del lápiz.

Después de elegir tu plantilla, pasa el mouse sobre el área donde deseas mostrar los videos de YouTube.

Luego, haz clic en el '+' azul cuando aparezca.

Una vez que hayas hecho eso, comienza a escribir 'Feeds For YouTube'.

Cuando aparezca el bloque correcto, haz clic para agregarlo a tu plantilla.

Como siempre, Smash Balloon mostrará una fuente por defecto. Si esta no es la galería de YouTube que deseas usar, puedes agregar el shortcode de la galería siguiendo exactamente el mismo proceso descrito anteriormente.

Convierte tu galería de videos en publicaciones de WordPress

Hasta ahora, hemos visto cómo Smash Balloon te permite crear una galería de videos y personalizarla para que encaje perfectamente con el resto de tu sitio web. Este plugin también tiene algunas características más que quizás quieras explorar, como convertir los videos de tu galería en publicaciones de WordPress.

Usando el plugin, puedes crear rápida y fácilmente una publicación usando cualquier video de tu canal de YouTube. Luego puedes agregar otro contenido a esa publicación usando el familiar panel y herramientas de WordPress.

Cuando publiques la entrada, Smash Balloon mostrará el video en la parte superior de la pantalla, junto con información como su título y la fecha en que se publicó.

Cualquier otro contenido aparecerá debajo del video.

Esto es mucho más rápido que incrustar cada video en una publicación de blog manualmente. También es una forma fácil de compartir videos individuales. Por ejemplo, puedes dirigir a las personas a una publicación específica promocionándola en redes sociales o agregándola a tu boletín informativo por correo electrónico.

Tu primera tarea es elegir la información que aparecerá debajo de cada video yendo a Feed de YouTube » Configuración.

Aquí, selecciona la pestaña Videos individuales.

Simplemente marca la casilla junto a cada pieza de información que deseas mostrar.

No olvides hacer clic en 'Guardar cambios' para almacenar tu configuración.

Después de eso, ve a Feed de YouTube » Videos individuales. Aquí, verás todos los canales de YouTube que conectaste a WordPress usando Smash Balloon.

Simplemente encuentra el canal que deseas usar y haz clic en su nombre.

Ahora verás todos los videos de este canal.

Simplemente encuentra el video que deseas convertir en una publicación y haz clic en su enlace 'Editar'.

Ahora puedes agregar bloques, texto y cualquier otro contenido a la publicación, usando el editor de contenido de WordPress estándar.

Cuando estés listo para publicar la entrada y el video, simplemente haz clic en el botón ‘Publicar’ como de costumbre. Ahora, si visitas tu sitio web, verás la nueva entrada de video.

Relacionado: Si deseas crear una galería de videos de TikTok en tu sitio de WordPress, Smash Balloon también ofrece un plugin TikTok Feeds Pro. Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo incrustar videos de TikTok en WordPress.

Esperamos que este artículo te haya ayudado a crear una galería de videos en WordPress. También te puede interesar nuestra guía sobre cómo acelerar tu sitio web de WordPress y nuestra selección experta de los mejores plugins de redes sociales.

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.