Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Cómo incrustar vídeos de Facebook en WordPress (3 formas sencillas) 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

¿Quieres incrustar vídeos de Facebook en WordPress sin ralentizar tu sitio ni tener que lidiar con diseños rotos? Añadir vídeos de Facebook a tu sitio web es una de las formas más sencillas de mantener tus contenidos actualizados y atraer más visitantes desde las redes sociales.

En esta guía, te mostraré exactamente cómo incrustar un vídeo de Facebook en WordPress paso a paso. Verás tres métodos sencillos: utilizar un constructor de páginas, un plugin de vídeo de Facebook o un código de incrustación manual, para que puedas elegir el que mejor se adapte a tus necesidades.

TL;DR: Puedes incrustar vídeos de Facebook en WordPress de tres formas sencillas: utiliza un constructor de páginas de arrastrar y soltar como SeedProd para tener un control total del diseño, instala un plugin de alimentación de vídeo de Facebook para mostrar varios vídeos o transmisiones en directo de forma automática, o añade manualmente un solo vídeo utilizando el código de incrustación iframe de Facebook. Todos estos métodos son fáciles de usar para principiantes y funcionan con cualquier tema de WordPress.

¿Se puede incrustar un vídeo de Facebook en WordPress?

Puedes incrustar un vídeo de Facebook en WordPress. Sin embargo, hay diferentes maneras de hacerlo con diferentes niveles de dificultad.

Una de las formas más sencillas de añadir vídeos de Facebook a tu sitio de WordPress es utilizar un plugin de WordPress con funcionalidad de reproductor de vídeo incrustado. Más adelante en esta guía, compartiremos dos de los mejores plugins de WordPress para esta tarea.

¿Por qué incrustar vídeos de Facebook en WordPress?

Incrustar vídeos de Facebook en WordPress es mucho más que dar un buen aspecto a tu sitio web. Una de las mejores ventajas es que mejora la experiencia del usuario, haciendo que tu contenido sea más interactivo y atractivo.

Además, incrustar vídeos de Facebook en tu sitio web puede ayudar a atraer tráfico a tu sitio desde las redes sociales y mantenerlo allí durante más tiempo. Así, los visitantes tienen tiempo suficiente para conocer mejor tu empresa y profundizar en lo que ofreces.

También es una forma eficaz de mejorar la optimización de su sitio para los motores de búsqueda (SEO), ya que una mayor participación puede reducir las tasas de rebote.

¿La guinda del pastel? Añadir un vídeo de Facebook a WordPress es increíblemente fácil con las herramientas adecuadas, así que haz clic en cualquiera de los enlaces rápidos que aparecen a continuación para saltar a tu método favorito:

Cómo insertar un vídeo de Facebook en WordPress con SeedProd

SeedProd es el mejor constructor de páginas de WordPress de arrastrar y soltar para principiantes.

SeedProd Arrastrar y soltar WordPress constructor de sitios web

Te permite crear páginas personalizadas y temas completos sin código e incluye bloques integrados para vídeos de Facebook, feeds y transmisiones en directo. Si quieres tener un control total sobre el diseño de tu página mientras incrustas vídeos de Facebook, este es el método más fácil de usar.

Paso 1. Instalar y activar SeedProd Instale y active SeedProd

Para empezar, instale y active el plugin SeedProd en su sitio WordPress.

Para este tutorial, estoy usando SeedProd Pro porque incluye bloques avanzados para incrustar videos de Facebook, feeds y transmisiones en vivo.

Si necesita ayuda, siga la guía de instalación paso a paso de la documentación de SeedProd.

Paso 2. Elija una plantilla de página de destino o tema

Después de activar SeedProd, tendrás que elegir una plantilla para utilizarla como base de tu diseño. SeedProd te ofrece dos opciones que admiten la incrustación de vídeos de Facebook:

  • Constructor de temas: Empieza con un completo kit de sitio web WordPress y personaliza cada página y plantilla.
  • Constructor de páginas de aterrizaje: Construye una sola página que funcione con tu tema de WordPress existente.

En esta guía, utilizaré el Constructor de páginas de destino porque es la forma más rápida de añadir un vídeo de Facebook a una página. Desde tu panel de WordPress, ve a SeedProd " Landing Pages y haz clic en Add New Landing Page.

Añadir una nueva página de destino con SeedProd

Paso 3. Personalizar la plantilla Personalice su plantilla en el SeedProd Builder

A continuación, elija una plantilla que se ajuste al objetivo de su página. SeedProd tiene docenas de plantillas diseñadas profesionalmente que puedes personalizar completamente, así que elige una que se acerque al diseño que deseas.

plantillas de páginas de destino

Una vez seleccionada, la plantilla se abrirá en el constructor de arrastrar y soltar de SeedProd. Verás una vista previa en vivo de tu página a la derecha y un panel de bloques de contenido y ajustes a la izquierda.

Haz clic en cualquier elemento de la vista previa -como un titular o una imagen- para cambiar el texto, los colores, las fuentes y el espaciado. Estas ediciones rápidas te ayudarán a adaptar tu marca antes de añadir el vídeo incrustado en Facebook.

Personalizar el titular de la página

Paso 4. Añadir el bloque de incrustación de vídeo de Facebook en WordPress

Ahora es el momento de incrustar tu vídeo de Facebook. En el constructor de SeedProd, abra el panel de Bloques Avanzados a la izquierda y arrastre el bloque Incrustar vídeo de Facebook al lugar donde desea que aparezca el vídeo.

Bloque de inserción de SeedProd en Facebook

Haz clic en el bloque para abrir su configuración. Pega la URL de tu vídeo de Facebook en el campo Enlace de vídeo y aparecerá al instante una vista previa en directo. Puedes activar opciones como la reproducción automática, la pantalla completa o los subtítulos para mejorar la experiencia de visualización.

Configuración de la incrustación de vídeo en Facebook

Este bloque admite todo tipo de contenido de Facebook: vídeos sueltos, transmisiones en directo y listas de reproducción de vídeo, para que puedas incrustar lo que mejor se adapte a tu página.

Paso 5. Publica tu página de vídeo en Facebook

Cuando estés satisfecho con el diseño, haz clic en el icono de vista previa para móviles en el constructor de SeedProd para asegurarte de que tu página de vídeo de Facebook se ve perfectamente en teléfonos y tabletas.

Vista previa de SeedProd para móviles

Si necesitas ajustar algo, como el tamaño de la fuente o el espaciado, puedes editar la vista móvil por separado. Así te asegurarás de que el vídeo incrustado se carga y reproduce sin problemas en todos los dispositivos.

Configuración de la página de vista previa para móviles

Cuando todo esté listo, haga clic en Publicar.

Publicar página de destino con vídeo incrustado en Facebook

Tu página de vídeo de Facebook ya está activa, y los visitantes pueden ver, dar a "Me gusta" y compartir tu vídeo directamente desde tu sitio de WordPress.

Cómo incrustar vídeos de Facebook en WordPress mediante un plugin de fuente de vídeo

Si quieres mostrar varios vídeos de Facebook o un feed de vídeo completo en tu sitio de WordPress, la mejor opción es un plugin. Custom Facebook Feed Pro de Smash Balloon es la mejor opción porque extrae automáticamente tus últimos vídeos, listas de reproducción y transmisiones en directo de Facebook y los muestra en un diseño de galería personalizable.

Smash Balloon, el mejor plugin para redes sociales

Con este plugin, puedes incrustar vídeos de Facebook en cualquier lugar de tu sitio de WordPress, y tu feed se actualizará automáticamente cada vez que publiques nuevo contenido en Facebook. Es perfecto para páginas, barras laterales e incluso secciones de ancho completo.

Paso 1. Instalar y activar el plugin Instalar y activar el plugin Custom Facebook Feed Pro

Para empezar, instala y activa el plugin Custom Facebook Feed Pro de Smash Balloon. Desde tu panel de WordPress, ve a Plugins " Añadir nuevo, sube el archivo zip del plugin y haz clic en Instalar ahora y, a continuación, en Activar.

Introduzca la clave de licencia de Smash Balloon en los ajustes de WordPress

A continuación, ve a Facebook Feed " Configuración e introduce tu clave de licencia de Smash Balloon. Puedes encontrar tu clave en el área de tu cuenta de Smash Balloon.

Paso 2. Conecta tu cuenta de Facebook a WordPress

Ahora tendrás que conectar tu cuenta de Facebook para que el plugin pueda extraer tus vídeos. En el panel de control de WordPress, ve a Facebook Feed " All Feeds y haz clic en Add New.

Añadir un nuevo feed de Facebook en Smash Balloon

En la siguiente pantalla, elige el tipo de fuente de vídeos y haz clic en Siguiente. A continuación, selecciona si deseas conectar una página o un grupo de Facebook.

Seleccione el tipo de vídeo en Smash Balloon

Haz clic en Añadir nuevo, inicia sesión en tu cuenta de Facebook y concede los permisos solicitados. De este modo, el complemento podrá acceder a tus vídeos, listas de reproducción y retransmisiones en directo para incrustarlos en tu sitio de WordPress.

Paso 3. Crea el diseño de tu feed de vídeo de Facebook

Una vez conectada tu cuenta de Facebook, Smash Balloon te pedirá que configures el diseño de tu vídeo. Empieza por seleccionar la página o el grupo de Facebook que acabas de vincular y haz clic en Siguiente.

Elige una página de Facebook como fuente de vídeo

Ahora elija un tema para el feed y un estilo de diseño. Puedes elegir entre cuadrícula, carrusel, mampostería o un vídeo de ancho completo. Todas las opciones son totalmente adaptables y funcionan con cualquier tema de WordPress.

Selecciona un tema para tu feed de vídeo de Facebook

Si quieres mostrar vídeos de una lista de reproducción específica, puedes pegar la URL de la lista de reproducción antes de continuar. De lo contrario, el feed incluirá todos los vídeos de la página o grupo de Facebook que hayas seleccionado.

Elige mostrar todos los vídeos o una lista de reproducción en Smash Balloon

Paso 4. Personaliza tus vídeos de Facebook

Una vez configurado el diseño de tu feed, puedes personalizar el aspecto de tus vídeos de Facebook en tu sitio web. Haz clic en el icono del lápiz junto a tu feed para abrir el editor de feeds de Smash Balloon.

Edita tu vídeo de Facebook en Smash Balloon

En el panel de la izquierda puedes ajustar la plantilla, el tema, la combinación de colores y el espaciado del diseño. Debajo, puedes ajustar elementos como cabeceras, detalles de la entrada, cajas similares y ajustes de lightbox para adaptarlos a tu marca.

Opciones de personalización para tu feed de vídeo de Facebook

Cada cambio se actualiza instantáneamente en la vista previa, para que puedas ajustar tu feed hasta que se adapte perfectamente a tu sitio. Cuando estés satisfecho, haz clic en Guardar para conservar la configuración.

Ajustar el lightbox de vídeo de Facebook y otras opciones en Smash Balloon

Paso 5. Insertar tus vídeos de Facebook en WordPress

Una vez que tu feed esté listo, puedes incrustarlo en cualquier parte de tu sitio WordPress. En el editor de feeds de Smash Balloon, haz clic en el botón Incrustar de la esquina superior derecha.

Haz clic en el botón Insertar para añadir vídeos de Facebook a WordPress

Verás tres opciones: añadir el feed a una página, a un área de widgets o utilizar un shortcode. Elige el método que mejor se adapte a tu sitio.

Elige cómo incrustar tu vídeo de Facebook

Si decides incrustar el feed en una página, puedes seleccionar la página de la lista y hacer clic en Añadir. A continuación, abre el editor de bloques de WordPress, añade el bloque Custom Facebook Feed y previsualiza tu feed.

Añadir el feed de Facebook a una página de WordPress

También puedes añadir el feed a tu barra lateral o al pie de página. Ve a Apariencia " Widgets, añade el bloque Fuente personalizada de Facebook a un área de widgets y haz clic en Guardar.

Insertar vídeos de Facebook en un widget de la barra lateral de WordPress

Tus vídeos de Facebook ya están en directo. Los visitantes pueden ver, dar a "Me gusta" y compartir tus vídeos directamente desde tu sitio de WordPress.

Cómo incrustar manualmente vídeos de Facebook en WordPress (sin necesidad de plugins)

Si sólo necesitas incrustar un único vídeo de Facebook en WordPress, puedes utilizar el código de incrustación iframe integrado de Facebook. Este método no requiere ningún plugin, pero ofrece menos opciones de personalización y no se actualizará automáticamente cuando publiques nuevos vídeos.

Busca el código de inserción en el menú Compartir de Facebook

Es ideal para incrustar vídeos puntuales en una entrada de blog o página, pero si planeas mostrar varios vídeos o un feed completo, los métodos SeedProd o plugin anteriores funcionarán mejor.

Paso 1 Obtén el código de incrustación de vídeo de Facebook

Para empezar, abre el vídeo de Facebook que quieras incrustar. Haz clic en el botón Compartir situado debajo del vídeo y selecciona la opción Incrustar del menú.

Haz clic en Compartir y selecciona Incrustar para obtener el código de incrustación del vídeo de Facebook

Facebook generará un código iframe. Haz clic en Obtener código para copiarlo en el portapapeles. Este es el código que pegarás en tu entrada o página de WordPress en el siguiente paso.

Copia el código de incrustación iframe del vídeo de Facebook

Segundo paso Pegue el código de incrustación en WordPress

A continuación, abre la entrada o página de WordPress en la que quieres que aparezca el vídeo de Facebook. En el editor de bloques, añade un bloque HTML personalizado donde quieras colocar el vídeo.

Añadir un bloque HTML personalizado en el editor de WordPress

Pega el código iframe que has copiado de Facebook en el bloque HTML. A continuación, haz clic en la pestaña Vista previa para ver cómo quedará tu vídeo.

Vista previa del vídeo de Facebook incrustado en WordPress

Cuando estés satisfecho con su aspecto, haz clic en Publicar o Actualizar para que el vídeo aparezca en tu sitio.

Publicar una página de WordPress con un vídeo de Facebook incrustado manualmente

Preguntas frecuentes sobre la incrustación de vídeos de Facebook en WordPress

¿Puedo incrustar un vídeo de Facebook Live en WordPress?
Si utilizas SeedProd o el plugin Custom Facebook Feed Pro, puedes pegar la URL de cualquier emisión en directo como si fuera un vídeo normal. Para el método manual, toma el código de incrustación del menú Compartir durante la transmisión en vivo.
¿Por qué no funciona el vídeo incrustado en Facebook?
Esto suele ocurrir si la privacidad del vídeo está configurada como "Amigos" o "Privado". Asegúrate de que el vídeo está configurado como "Público" en Facebook. Comprueba también que estás pegando el código de incrustación o la URL correctos en WordPress.
¿Incorporar vídeos de Facebook ralentizará mi sitio WordPress?
Puede ocurrir si incrustas demasiados vídeos en una sola página. Para que tu sitio sea rápido, limita el número de incrustaciones por página o utiliza un plugin como Custom Facebook Feed Pro, optimizado para mejorar el rendimiento.
¿Puedo mostrar varios vídeos de Facebook a la vez?
Sí, la forma más fácil es con un plugin de feed de vídeo de Facebook. Custom Facebook Feed Pro de Smash Balloon puede mostrar varios vídeos, listas de reproducción o un feed completo que se actualiza automáticamente.
¿Funcionan los vídeos incrustados en Facebook en los móviles?
Sí, siempre que tu tema o creador de WordPress sea responsive. Tanto SeedProd como Custom Facebook Feed Pro ajustan automáticamente los vídeos incrustados para teléfonos y tabletas.

Espero que esta guía te haya ayudado a incrustar un vídeo de Facebook en WordPress. Para obtener más consejos y tutoriales útiles, consulta las siguientes guías:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en unirte a la conversación en YouTube, X y Facebook para obtener más consejos y contenidos útiles para hacer crecer tu negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.