Cómo incrustar vídeos de YouTube en sitios web Beaver Builder (Guía fácil)
Inicio Blog Cómo incrustar vídeos de YouTube en sitios web Beaver Builder (Guía fácil)

Cómo incrustar vídeos de YouTube en sitios web Beaver Builder (Guía fácil)

cómo incrustar vídeos de youtube en sitios web de beaver builder

¿Quieres aprender a incrustar vídeos de YouTube en Beaver Builder de forma sencilla?

Mostrar vídeos de YouTube en tu sitio web puede ser una forma estupenda de atraer a los visitantes y hacer crecer tu canal.

Dado que incrustar directamente vídeos de YouTube en Beaver Builder puede llevar mucho tiempo y ser complicado, hemos elaborado una guía sencilla para mostrarte una forma más fácil.

Pero primero, vamos a ver cómo la visualización de vídeos de YouTube puede ser grande para su sitio.

O puede hacer clic aquí y pasar al tutorial.

¿Por qué incrustar vídeos de YouTube en Beaver Builder?

Con la herramienta de construcción de páginas de Beaver Builder, puede crear un hermoso sitio web fácilmente, incluso con cero experiencia en diseño web.

constructor de páginas beaver builder

Pero si estás buscando una manera de aumentar la participación de los usuarios en tu sitio Beaver Builder, una gran solución es mostrar vídeos de YouTube a tus visitantes.

Además de mantener el interés de los visitantes en su sitio web, las incrustaciones de vídeo de YouTube pueden ayudarle:

  • Haz crecer tu canal de YouTube y consigue toneladas de visitas y suscriptores incrustando tu propio contenido de vídeo
  • Muestre testimonios y reseñas en vídeo para generar confianza en sus productos y aumentar las conversiones en su sitio de comercio electrónico
  • Promocione sus anuncios en vídeo o retransmisiones en directo en YouTube mostrándolos en su sitio web
  • Mantenga a la gente en su sitio durante más tiempo para que pueda obtener un mejor SEO y llegar a más clientes potenciales con facilidad.

La mejor manera para que los sitios web Beaver Builder incrustar YouTube

Cuando se trata de añadir contenido de YouTube a WordPress, la forma más sencilla es utilizar un plugin de WordPress que pueda incrustar vídeos automáticamente.

De este modo, no tendrás que ir de un lado a otro subiendo vídeos manualmente ni lidiar con complicados códigos de incrustación.

De todas las opciones que hay, la mejor herramienta que puedes utilizar es YouTube Feed Pro.

youtube feed pro plugin smash balloon

Con este plugin, es más fácil que nunca añadir vídeos de YouTube a tu sitio web WordPress, sin necesidad de codificación.

Así, puedes mostrar un feed de vídeos de YouTube y tus visitantes pueden hacer clic en una miniatura para ver el vídeo completo que les interese.

Además, YouTube Feed Pro funciona perfectamente con Beaver Builder, así como con otros plugins constructores de páginas de WordPress como Elementor, SeedProd y Divi.

ejemplo de vídeo de youtube en un sitio web

De hecho, todas las fuentes de vídeo de YouTube que incrustes copiarán el diseño de tu tema de WordPress y lucirán bonitas desde el primer momento.

Además, YouTube Feed Pro viene con un montón de funciones útiles para potenciar tu sitio web:

  • Para crear, personalizar e incrustar fuentes de vídeos de YouTube con facilidad, todo lo que tienes que hacer es seguir un sencillo flujo guiado de 3 pasos.
  • El plugin te permite incrustar tu canal de YouTube, transmisiones en directo, listas de reproducción, resultados de búsqueda y publicaciones de vídeos individuales.
  • Como YouTube Feed Pro viene con carga inteligente, puedes añadir tantos vídeos como quieras, y tu sitio cargará tan rápido como siempre.
  • Puedes crear bonitas fuentes de vídeo de YouTube con diseños únicos importando plantillas prediseñadas y utilizando el personalizador visual.
  • Todos tus vídeos de YouTube son 100% responsivos y se cargarán perfectamente para los visitantes que utilicen teléfonos y tabletas.
live feed editor for youtube feed pro

¿Y lo mejor? YouTube Feed Pro viene con un equipo de soporte dedicado de gurús de WordPress que siempre están dispuestos a echarte una mano.

Como puedes ver, YouTube Feed Pro tiene todas las características y funcionalidades que necesitas para integrar YouTube con tu sitio web y dar un impulso a tu marca.

De hecho, YouTube Feed Pro ha sido creado por el equipo que está detrás de los mejores plugins de feeds de redes sociales del mercado, utilizados por algunas de las marcas más importantes.

marcas que utilizan smash balloon

¿Listo para incrustar vídeos de YouTube en Beaver Builder? ¡ Consigue tu copia de YouTube Feed Pro hoy mismo!

Con eso, vamos a empezar con nuestro tutorial Beaver Builder.

Cómo incrustar vídeos de YouTube en sitios web Beaver Builder

Sólo tienes que seguir el tutorial paso a paso a continuación y usted puede tener un hermoso video de YouTube en su sitio web Beaver Builder.

Paso 1: Instalar el plugin Feeds for YouTube Pro

¿Listo para empezar? En primer lugar, obtenga su copia de YouTube Feed Pro aquí y luego instálelo y actívelo.

Para un rápido repaso de cómo hacerlo, puedes seguir este tutorial de WordPress sobre cómo instalar plugins.

Paso 2: Crear una fuente de vídeo de YouTube

Una vez que el plugin esté listo, abra el menú YouTube Feed " All Feeds desde el panel de control de WordPress.

A continuación, haga clic en Añadir nuevo para iniciar el flujo guiado del plugin.

añadir nuevo feed de youtube.

Una vez hecho esto, el plugin te pedirá que elijas el tipo de feed de YouTube que quieres crear. Tienes 6 opciones para elegir:

  • Canal
  • Lista de reproducción
  • Favoritos
  • Buscar en
  • Retransmisiones en directo
  • Vídeos individuales

Para esta guía, he optado por el tipo de alimentación Canal.

Una vez seleccionado el tipo de fuente de vídeo de YouTube, haz clic en el botón Siguiente.

elige tu tipo de feed youtube.jpg

Paso 2: Conecta tu cuenta de YouTube

Ahora que has creado un feed, es el momento de conectarlo a tu cuenta de YouTube. De esta manera, YouTube Feed Pro puede obtener automáticamente vídeos y mostrarlos en su sitio web.

Para ello, lo más sencillo es introducir una clave API de YouTube.

En caso de que aún no tengas una clave API, tenemos un tutorial para principiantes sobre cómo crear una clave API de YouTube.

Una vez obtenida la clave, vuelva a su sitio web y seleccione aquí el botón Añadir clave API .

api key required youtube feed pro

Por último, pega la clave API de YouTube en la ventana emergente y haz clic en el botón Añadir para continuar.

añadir clave api youtube

Después de eso, es el momento de introducir la fuente que va a utilizar para la alimentación de vídeo de YouTube.

Esta fuente es básicamente el canal de YouTube, lista de reproducción, término de búsqueda, y más que desea mostrar en el sitio Beaver Builder.

Por ejemplo, en esta guía incrustaré vídeos del canal de YouTube de WPbeginner.

Así que simplemente abrí el canal de YouTube y copié el ID del canal al final del enlace.

copiar el nombre de usuario del canal de youtube

Una vez que haya copiado la fuente de esta forma, vuelva a su sitio web. Aquí, pegue el texto copiado en el campo ID de canal o nombre de usuario de la ventana emergente.

A continuación, haga clic en el botón Siguiente para continuar.

introduzca la fuente para el feed de youtube

Paso 4: Personaliza tus vídeos de YouTube

Ya que has conectado la fuente, YouTube Feed Pro se encargará del resto y creará automáticamente un feed de vídeo que vea tu sitio.

Además, puedes elegir incrustar una plantilla prediseñada para tus vídeos:

  • Por defecto
  • Carrusel
  • Tarjetas
  • Lista
  • Galería
  • Último vídeo
  • Carrusel de escaparates
  • Widget

Sólo tienes que elegir una plantilla que te guste y hacer clic en el botón Siguiente para continuar.

elige una plantilla de feed youtube feed pro

A continuación, verás tus vídeos de YouTube abiertos en el personalizador visual.

Aquí, las opciones de la izquierda te permitirán cambiar el diseño, la combinación de colores, el diseño de la cabecera, el estilo del vídeo y mucho más.

Además, la vista previa en directo de la derecha te permitirá seguir los cambios en tiempo real, para que la personalización sea más fácil y precisa.

personalizador visual para youtube feed pro

En primer lugar, vamos a cambiar el diseño de los vídeos en su sitio Beaver Builder.

Haga clic en la opción Feed Layout para empezar a hacerlo.

seleccione la opción de diseño en el personalizador visual

Ahora, el plugin te permitirá elegir entre 4 diseños diferentes para tus vídeos de YouTube:

  • Cuadrícula: Muestra montones de vídeos a la vez en filas y columnas ordenadas.
  • Galería: Muestra un vídeo de forma destacada con otras miniaturas debajo
  • Lista: Muestra los vídeos en una sola fila para que cada vídeo tenga más espacio.
  • Carrusel: Convierte tu vídeo en un carrusel de diapositivas interactivo
opciones de diseño para youtube feed pro

Cuando estés satisfecho con el diseño, haz clic en el botón Guardar para conservar los cambios.

Una vez hecho esto, puede volver a las opciones de personalización anteriores pulsando en Personalizar.

volver a las opciones principales de personalización

A continuación, vamos a cambiar el encabezado que aparece encima de nuestros vídeos de YouTube.

Puede hacerlo seleccionando la opción Cabecera de la izquierda.

abrir sección de cabecera youtube feed pro

En la parte superior izquierda, puede ver la opción de Activar o Desactivar la cabecera.

Debajo, puede elegir entre 2 tipos diferentes de cabeceras:

  • Estándar: Mostrar un icono de canal, nombre, descripción, etc.
  • Texto: Escribe un título para mostrarlo encima de tu feed

Si elige la cabecera estándar, puede activar o desactivar las descripciones de los canales y el número de abonados.

opciones de cabecera para youtube feed pro

Como antes, haz clic en Guardar para conservar tu nueva cabecera.

Como puedes ver, el personalizador visual te ofrece una forma sencilla de cambiar la combinación de colores, cargar más botones, el número de vídeos y mucho más. Una vez que esté satisfecho con su feed de vídeo de YouTube, haga clic en Guardar una vez más.

Paso 5: Insertar vídeos de YouTube en Beaver Builder

¿Listo para añadir los vídeos de YouTube a tu sitio Beaver Builder?

En primer lugar, haz clic en el botón Incrustar de la parte superior.

botón embed para youtube feed pro

A continuación, verás todas las formas de incrustar el feed de vídeo de YouTube. Puedes incrustarlo en una página, añadirlo a tu barra lateral o incluso mostrar el feed en el pie de página.

Por ahora, haz clic en el botón Copiar para guardar tu shortcode.

copiar shortcode youtube feed

A continuación, puede crear una nueva página en Beaver Builder para incrustar los vídeos.

Sólo tiene que abrir el menú Páginas " Añadir nuevo desde su panel de control y, a continuación, haga clic en Iniciar Beaver Builder.

abrir la página del constructor de castores

Esto abrirá la página en el editor de arrastrar y soltar del plugin Beaver Builder con los diferentes módulos de contenido a la derecha.

A la izquierda, encontrará una vista previa en vivo de la página de destino en la que está trabajando actualmente.

beaver builder editor

Antes de pegar el shortcode, primero, busque el módulo Editor de texto a la derecha.

A continuación, suelte este módulo en su página web de la izquierda.

añadir módulo de editor de texto

Después de hacerlo, Beaver Builder abrirá las opciones adicionales para este módulo.

Por último, pegue su shortcode en el campo y haga clic en Guardar.

pegar el shortcode para el feed de youtube

Así de fácil, YouTube Feed Pro añadirá automáticamente el feed de vídeo a tu sitio Beaver Builder. Ahora puede hacer clic en el botón Hecho en la parte superior y luego seleccione la opción Publicar.

ejemplo de beaver builder youtube feed

¡Y ya está!

Ahora ya sabes cómo incrustar vídeos de YouTube en Beaver Builder de forma sencilla. A continuación, puede atraer a los visitantes, impulsar su canal de YouTube, y mucho más.

Como puede ver, YouTube Feed Pro le ofrece la forma más sencilla de incrustar vídeos de YouTube en sitios web Beaver Builder - sin necesidad de HTML, CSS personalizado, o cualquier tipo de codificación.

¿Listo para añadir vídeos de YouTube a Beaver Builder? Obtenga YouTube Feed Pro para su sitio aquí.

Si quieres sacarle más partido al marketing online, consulta nuestra lista de las mejores herramientas de marketing en Facebook.

Para más consejos y tutoriales sobre marketing en redes sociales como éste, puedes seguirnos en Twitter y Facebook

avatar de autor
Sajjan Sharma Redactor jefe
Sajjan lleva más de 10 años escribiendo sobre WordPress, marketing en redes sociales y negocios online. Sus intereses profesionales se extienden al marketing de influencers, la curación de contenidos y las estrategias de marketing digital.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.