Cómo incrustar un vídeo de Facebook en WordPress (4 formas, gratuitas y de pago) 

Tienes un vídeo de Facebook que está funcionando bien y quieres ponerlo en tu propio sitio. La preocupación es que rompa tu diseño o ralentice la velocidad de tu página.

La parte buena es que puedes incrustar un vídeo de Facebook en WordPress de cuatro maneras, gratuitas y de pago. En esta guía, te mostraré cada una para que puedas elegir el método que se adapte a tu vídeo, tu sitio y tu presupuesto.

Cómo elegir el método correcto

Cada método resuelve un problema diferente, por lo que la forma más rápida de elegir es que coincida con lo que intentas hacer.

M extasciitildeetodo	Mejor para	¿Plugin necesario?
Bloque de incrustación nativo	Un vídeo rápido, gratis, sin plugin	No
SeedProd	Control total sobre el aspecto de la página y el vídeo	Sí (SeedProd)
Plugin de feed de Facebook	Un feed de muchos vídeos que se actualiza automáticamente	Sí (Smash Balloon)
Código iframe manual	Un vídeo, sin plugin, estilo básico	No

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

Sí, puedes incrustar un vídeo de Facebook en WordPress, y el vídeo tiene que ser público para que la incrustación funcione para tus visitantes.

Las formas más fáciles utilizan un plugin de WordPress con un reproductor de vídeo incorporado. Más adelante en esta guía, compartiré dos de los mejores plugins de WordPress para la tarea, además de una opción gratuita sin plugin.

Cómo incrustar un vídeo de Facebook en WordPress usando SeedProd

Con SeedProd, puedes colocar un vídeo de Facebook en una página y controlar exactamente cómo se ve, sin tocar código. Es un constructor de sitios web de WordPress de arrastrar y soltar con un bloque de incrustación de vídeo de Facebook incorporado.

Utilizo SeedProd en mis propios sitios, así que este es el método al que recurro cuando quiero que el vídeo se integre en el diseño de una página adecuada. Puedes ver la incrustación funcionando en vivo mientras construyes, lo que ahorra muchas conjeturas.

Paso 1. Instalar y Activar SeedProd

Para empezar, instala y activa el plugin SeedProd en tu sitio de WordPress.

Para este tutorial, estoy usando SeedProd porque el bloque de incrustación de vídeo de Facebook se encuentra en su panel de Bloques Avanzados, que también cubre feeds y transmisiones en vivo.

Si necesitas ayuda, sigue la guía de instalación paso a paso en la documentación de SeedProd.

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

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

• Theme Builder: Empieza con un kit completo de sitio web de WordPress y personaliza cada página y plantilla.
• Landing Page Builder: Crea una página individual que funcione con tu tema de WordPress existente.

En esta guía, usaré el Landing Page Builder 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.

Paso 3. Personaliza tu plantilla en el constructor de SeedProd

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

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 ayudan a que coincida con tu marca antes de añadir la incrustación de tu vídeo de Facebook.

Paso 4. Añade 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, abre el panel de Bloques Avanzados a la izquierda y arrastra el bloque Incrustar Vídeo de Facebook al lugar donde quieras que aparezca el vídeo.

Haz clic en el bloque para abrir su configuración. Pega la URL de tu vídeo de Facebook en el campo Enlace del Vídeo, y aparecerá una vista previa en vivo al instante.

Puedes habilitar opciones como la reproducción automática, pantalla completa o subtítulos para una mejor experiencia de visualización.

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

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

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

Si necesitas ajustar algo, como el tamaño de fuente o el espaciado, puedes editar la vista móvil por separado. Esto asegura que tu vídeo incrustado se cargue y se reproduzca sin problemas en todos los dispositivos.

Cuando todo esté listo, haz clic en Publish.

Tu página de vídeo de Facebook ya está en línea, y los visitantes pueden ver, dar me gusta y compartir tu vídeo directamente desde tu sitio de WordPress.

Cómo incrustar vídeos de Facebook en WordPress usando un plugin de feed de vídeo

Si quieres mostrar varios vídeos de Facebook o un feed de vídeo completo en tu sitio de WordPress, un plugin es la mejor opción. 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 vivo de Facebook.

Con este plugin, puedes incrustar vídeos de Facebook en cualquier lugar de tu sitio de WordPress, y tu feed se actualiza automáticamente cada vez que publicas contenido nuevo en Facebook. Es una herramienta que conozco bien del ecosistema de WordPress, y puedes leer mi reseña completa de Smash Balloon si quieres los detalles.

Paso 1. Instala y activa 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, luego en Activar.

A continuación, ve a Feed de Facebook » Ajustes 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 necesitarás conectar tu cuenta de Facebook para que el plugin pueda obtener tus vídeos. Desde tu panel de WordPress, ve a Feed de Facebook » Todos los feeds y haz clic en Añadir nuevo.

En la siguiente pantalla, elige el tipo de feed Vídeos y haz clic en Siguiente. Luego selecciona si quieres conectar una página o un grupo de Facebook.

Haz clic en Añadir nuevo, inicia sesión en tu cuenta de Facebook y concede los permisos solicitados. Esto permite al plugin acceder a tus vídeos, listas de reproducción y transmisiones en directo para incrustarlos en tu sitio de WordPress.

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

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

Ahora elige un tema y un estilo de diseño para el feed. Puedes elegir entre cuadrícula, carrusel, mampostería o un feed de vídeo de ancho completo. Cada opción es totalmente adaptable y funciona con cualquier tema de WordPress.

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 seleccionado.

Paso 4. Personaliza tus vídeos de Facebook

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

En el panel izquierdo, puedes ajustar la plantilla, el tema, la combinación de colores y el espaciado del diseño. Debajo, puedes ajustar elementos como encabezados, detalles de las publicaciones, cuadros de "me gusta" y ajustes de lightbox para que coincidan con tu marca.

Cada cambio se actualiza instantáneamente en la vista previa, por lo que puedes ajustar tu feed hasta que encaje perfectamente en tu sitio. Cuando estés satisfecho, haz clic en Guardar para conservar tus ajustes.

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

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

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

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

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

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

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

Si solo necesitas incrustar un único vídeo de Facebook en WordPress, puedes usar 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á cuando publiques vídeos nuevos.

Una cosa a tener en cuenta es que el iframe de Facebook sin procesar tiene un ancho fijo y no es automáticamente adaptable. Envuélvelo en un contenedor adaptable o usa el método de SeedProd o el plugin anterior si el diseño móvil es importante.

Es ideal para vídeos únicos en una entrada de blog o página. El mismo enfoque de pegar también funciona para un Reel de Facebook, no solo para vídeos estándar.

Paso 1. Obtener el código de incrustación de vídeo de Facebook

Empieza abriendo el vídeo de Facebook que quieres incrustar. Haz clic en el botón Compartir debajo del vídeo y selecciona la opción Incrustar en el menú.

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

Paso 2. Pegar el código de incrustación en WordPress

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

Pega el código de incrustación iframe que copiaste de Facebook en el bloque HTML. Luego haz clic en la pestaña Vista previa para ver cómo quedará tu vídeo.

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

Cómo incrustar un vídeo de Facebook con el bloque de incrustación nativo de WordPress (Gratis)

La opción más barata es el bloque Embed gratuito que ya está integrado en WordPress, sin plugin y sin código. Vale la pena intentarlo primero cuando solo quieres un vídeo en una entrada o página.

En el editor de bloques, a tilde;ade un bloque de Incrustar, luego pega la URL p ublica del v ubli de Facebook en su propia l ubnea y pulsa Intro. WordPress intenta convertir ese enlace en un reproductor autom ubticamente.

Una advertencia honesta: WordPress no ha incluido Facebook oEmbed en la lista blanca de forma fiable, por lo que la incrustaci ubn autom ubtica a menudo falla al renderizarse. Cuando lo hace, el iframe de HTML personalizado del m ubtodo manual anterior es tu soluci ubn de respaldo.

Esa es la verdadera diferencia entre esto y un plugin de feed. El bloque nativo maneja un enlace a la vez sin controles de estilo, mientras que un plugin como Smash Balloon crea un feed dise ubdo que se actualiza solo. Si deseas m ubs control sobre una ubnica incrustaci ubn, la gu uba para incrustar v ubdeos en WordPress tambi ubn cubre las opciones de bloque m ubs amplias.

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

ubC ubn se puede incrustar un v ubdeo de Facebook en WordPress simplemente pegando la URL?

A veces. WordPress tiene un bloque de Incrustar nativo, por lo que puedes pegar una URL p ublica de v ubdeo de Facebook en su propia l ubnea y puede convertirse en un reproductor autom ubticamente. Sin embargo, Facebook oEmbed no est ubn incluido en la lista blanca de forma fiable, por lo que si el enlace permanece como texto plano, utiliza el m ubtodo de iframe de HTML personalizado en su lugar.

ubC ubmo no se muestra mi v ubdeo de Facebook despu ubbs de pegar el c ubdigo de incrustaci ubn?

La causa m ubbs com ubbn es la privacidad. El v ubdeo y la P ubgina en la que se encuentra deben ser p ubblicos, o los visitantes no lo ver ubbn aunque a ti te funcione mientras est ubbs conectado.

La prueba m ubbs r ubbpida es abrir la p ubgina en una ventana privada sin haber iniciado sesi ubn en Facebook. Si el v ubdeo est ubn en blanco all ubb, config ubralo como p ubblico y vuelve a intentarlo. Aqu ubb es tambi ubbn donde la interacci ubn puede reducir tu tasa de rebote, ya que un v ubdeo que se reproduce realmente mantiene a la gente en la p ubgina.

ubC ubmo incrusto un Reel de Facebook en WordPress?

Un Reel de Facebook se incrusta de la misma manera que un v ubdeo est ubndar. Pega la URL del Reel en el bloque de Incrustaci ubn de V ubdeos de Facebook de SeedProd, o toma el c ubdigo iframe del men ub de Compartir del Reel y p ubnelo en un bloque de HTML personalizado. El Reel debe ser p ubblico para que la incrustaci ubn funcione.

Incrusta tu V ubdeo de Facebook Hoy

Ese v ubdeo que funciona bien en Facebook ahora puede estar en tu propio sitio sin romper el dise ubno o ralentizar la p ubgina. Elige el m ubtodo que mejor se adapte, ya sea el bloque nativo gratuito, SeedProd, un plugin de feed o el iframe manual.

Aquí tienes otros tutoriales útiles que te pueden gustar:

• C ubmo A tilde;adir tu P ubgina de Facebook a WordPress
• Cómo incrustar eventos de Facebook en WordPress
• Ideas de sorteos en Facebook para hacer crecer tu negocio
• Cómo crear una página de destino de vídeo fácilmente
• Cómo añadir un widget de Twitter a WordPress

¡Gracias por leer! 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 contenido útil para hacer crecer tu negocio.