Ú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: imagen de autor Stacey Corrin
imagen 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: John Turner
imagen del revisor John Turner
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?

Los vídeos que publiques en Facebook también pueden ser un contenido interesante para tu sitio web de WordPress. Al incrustar vídeos de Facebook y feeds de vídeo, puedes añadir contenido fresco a tu sitio de WordPress a la vez que aumentas tus seguidores de Facebook.

En esta guía, compartiremos 3 formas sencillas de incrustar un vídeo de Facebook en WordPress paso a paso.

¿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 plug ins 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 incrustar vídeos de Facebook en WordPress con SeedProd

Una forma de añadir vídeos a su sitio WordPress es durante la fase de diseño y desarrollo. Por ejemplo, puedes incluir un vídeo de bienvenida en tu página de inicio o un vídeo explicativo en la página de aterrizaje de un producto.

Dado que los estudios demuestran que incluir vídeos en las páginas de destino puede ayudar a conseguir hasta un 34% más de tasas de conversión, hacerlo es una decisión inteligente para cualquier propietario de un sitio web. Así que, en lugar de utilizar un vídeo de YouTube, ¿por qué no reutilizar un vídeo de tu página de Facebook?

La mejor manera de construir una página de aterrizaje o un diseño personalizado de WordPress es con un constructor de páginas de WordPress como SeedProd.

SeedProd Arrastrar y soltar WordPress constructor de sitios web

SeedProd tiene cientos de plantillas prediseñadas y un constructor de arrastrar y soltar que permite a cualquiera crear impresionantes páginas de destino de WordPress sin código. Con su función Theme Builder, también puedes crear temas de WordPress personalizados desde cero sin contratar a un desarrollador.

Su biblioteca de bloques de Facebook la convierte en una herramienta excelente para incrustar vídeos de Facebook. Con unos pocos clics, puedes incrustar publicaciones, vídeos, comentarios, cronologías, eventos o mensajes de Facebook. Esto significa que puedes agilizar tu flujo de trabajo de diseño sin añadir plugins adicionales de WordPress a tu sitio.

Sigue el siguiente tutorial para incrustar un vídeo de Facebook en WordPress utilizando SeedProd.

Paso 1. Instalar y activar SeedProd Instale y active SeedProd

En primer lugar, instale y active el plugin SeedProd en su sitio WordPress. En esta guía, utilizaremos SeedProd Pro por sus funciones avanzadas. 

Para obtener ayuda con este paso, consulte nuestra documentación detallada sobre la instalación de SeedProd.

Segundo paso Elija una plantilla

El siguiente paso es elegir una plantilla para utilizarla como base de su diseño personalizado de WordPress.

Hay 2 maneras de hacerlo en SeedProd:

  • Creador de temas : puede empezar con un kit de sitio web prediseñado y personalizar cada plantilla para crear un tema de WordPress personalizado que sustituya a su tema actual.
  • Landing Page Builder - O puede elegir una plantilla de página de destino y personalizarla para crear una página independiente que funcione perfectamente con su tema de WordPress existente.

Nota: Ambas opciones te permiten utilizar bloques de Facebook para incrustar tus vídeos.

Para esta guía, utilizaremos la opción Landing Page Builder. Así que navegue a SeedProd " Landing Pages desde su panel de WordPress, y haga clic en el botón Add New Landing Page.

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

A partir de ahí, navega por las plantillas de páginas de aterrizaje hasta que encuentres una que funcione para ti. Recuerda que puedes personalizar cualquier plantilla según tus necesidades, así que busca una que se acerque a lo que buscas.

plantillas de páginas de destino

Cuando encuentres una plantilla que te guste, pasa el ratón por encima y haz clic en el icono de la marca de verificación para elegirla.

Elija una plantilla de página de destino

A continuación, verás una ventana emergente que te permitirá introducir el nombre y la URL de tu página de destino. Cuando estés satisfecho con estos datos, haz clic en el botón Guardar y empezar a editar la página.

nombre de la página de destino

Paso 3. Personalice la plantilla de su página de destino

En la siguiente pantalla, verás el constructor de páginas de arrastrar y soltar de SeedProd. Previsualizará tu plantilla a la derecha y mostrará varios bloques y ajustes a la izquierda.

Interfaz de creación de SeedProd mediante arrastrar y soltar

Puede hacer clic en cualquier parte de la vista previa para ver la configuración de ese elemento de diseño concreto. Por ejemplo, si seleccionas el titular de la plantilla, se abrirá un panel a la izquierda en el que podrás cambiar el texto, el nivel del título y la alineación.

Personalizar el titular de la página

Si necesitas más opciones de personalización, ve a la pestaña Avanzado de ese bloque. Aquí verás opciones de personalización para la tipografía, el color, el relleno, el espaciado, la capacidad de respuesta móvil y mucho más.

Opciones avanzadas de personalización de titulares

Como esta plantilla no tiene un elemento de vídeo incorporado, tendremos que añadir uno para mostrar el vídeo de Facebook. A continuación te mostraremos cómo hacerlo.

Paso 4. Añadir el bloque de incrustación de Facebook

Para incrustar un vídeo de Facebook en tu página de destino, desplázate por la sección Bloques avanzados de la izquierda y busca el bloque Incrustar en Facebook. Ahora arrastra este bloque a su lugar en tu página de destino.

Bloque de inserción de SeedProd en Facebook

Por defecto, el bloque de incrustación en Facebook mostrará un marcador de posición de la publicación de Facebook en lugar de un vídeo. Para cambiar esto, abre la configuración del bloque haciendo clic en él y elige la opción "Vídeo" en el menú desplegable "Tipo".

Tipo de vídeo incrustado en Facebook

A continuación, pega la URL de tu vídeo de Facebook en el campo "Enlace de vídeo". Ahora deberías ver una vista previa de tu vídeo de Facebook incrustado en tu página de destino.

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

Hay varias formas de personalizar el aspecto de tu vídeo incrustado. Por ejemplo, puedes activar o desactivar la pantalla completa, la reproducción automática o la inclusión de subtítulos.

En la pestaña Avanzado, hay opciones para cambiar el espaciado del vídeo, los atributos CSS, la visibilidad del dispositivo y añadir efectos de animación.

Configuración avanzada para incrustar vídeos en Facebook

Continúe personalizando su página de destino hasta que esté satisfecho con el diseño. Por ejemplo, puedes añadir un botón "Me gusta" de Facebook, testimonios o incluso un formulario para recopilar direcciones de correo electrónico.

Configuración del bloque de formularios opt-in de SeedProd

No olvide pulsar el botón Guardar para almacenar los cambios.

Consejo profesional: Cuando personalices tu página de destino, haz clic en la pestaña Configuración de la página para configurar los ajustes SEO de la página y añadir la información de seguimiento del píxel de Facebook.

configuración de la página de destino

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

Antes de publicar tu página, haz clic en el icono de móvil de la esquina inferior derecha para ver si tu diseño se ve bien en dispositivos móviles.

Vista previa de SeedProd para móviles

Si algo no se ve bien, puede editar fácilmente la versión móvil de su página para adaptarla a los usuarios que la visitan desde teléfonos inteligentes y tabletas.

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

A partir de ahí, puedes seguir adelante y hacer clic en Publicar debajo del botón Guardar para hacer que tu página de destino con incrustación de vídeo de Facebook esté activa.

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

Ahora cualquiera que visite tu página podrá ver tu vídeo de Facebook. Además, dependiendo de tu configuración, también podrán darle a "Me gusta", comentar y compartir el vídeo desde tu sitio web de WordPress.

Cómo incrustar un vídeo de Facebook con un plugin de vídeo de Facebook

Otra forma de incrustar vídeos de Facebook en tu sitio web de WordPress es utilizar un plugin de feeds de redes sociales. La ventaja de este método es que puedes añadir a tu sitio una atractiva galería de feeds que se actualiza automáticamente cada vez que publicas un nuevo vídeo en Facebook.

Por ejemplo, puedes añadir un vídeo de Facebook a la barra lateral de tu blog o incluir uno dentro de una entrada de WordPress para ilustrarla con contenido generado por los usuarios.

En este método, utilizaremos el plugin Custom Facebook Feed Pro de Smash Balloon.

Smash Balloon, el mejor plugin para redes sociales

Es el mejor plugin de feeds de redes sociales, que te permite incrustar fácilmente vídeos, álbumes, comentarios, reseñas, publicaciones de la comunidad y mucho más de Facebook en tu sitio web de WordPress.

Además, la versión Pro del plugin de vídeo de Smash Balloon te permite incrustar vídeos HD, 360o y Facebook Live, junto con el número total de me gusta, comentarios, compartidos y reacciones de cada publicación. Esto es muy útil si publicas regularmente transmisiones en directo.

Paso 1. Instalar el plugin Instalar el plugin Facebook Feed Pro

Para empezar, instala y activa el plugin Custom Facebook Feed Pro en tu sitio de WordPress. Si necesitas ayuda con esto, puedes seguir esta guía sobre cómo instalar y activar un plugin de WordPress.

Una vez que el plugin esté activo, ve a Facebook Feed " Configuración desde el administrador de WordPress e introduce tu clave de licencia de Smash Balloon. Esta información se encuentra en su cuenta en el sitio web de Smash Balloon.

Clave de licencia de Smash Balloon

Después de introducir su clave, haga clic en el botón Activar.

Paso 2. Conecta tu página o grupo de Facebook a WordPress

En Smash Balloon, puedes incrustar vídeos de una página o feed de grupo de Facebook. Sin embargo, para ello primero tienes que conectar tu grupo o página de Facebook a WordPress.

Así que dirígete a Facebook Feed " Todos los feeds y haz clic en el botón Añadir nuevo.

Añadir nuevo feed de Facebook

En la siguiente pantalla, verás varios tipos de feeds: Cronología, Eventos, Fotos, Álbumes, etc. Como queremos incrustar un vídeo de Facebook, selecciona la opción Vídeos y haz clic en Siguiente.

Tipo de vídeo de Facebook

Ahora puedes elegir una fuente para tu feed: una página de Facebook o un grupo. Para ello, haz clic en Añadir nuevo.

añadir nueva fuente de alimentación de Facebook

A continuación, selecciona la opción Página de Facebook o Grupo de Facebook y haz clic en el botón Conectar con Facebook.

Conectar WordPress a Facebook

Se abrirá una ventana en la que podrás conectarte a tu cuenta de Facebook y seleccionar las páginas o grupos que quieras utilizar con Smash Balloon.

Conecta tu página de Facebook

A continuación, haga clic en Siguiente.

Ahora Facebook te permitirá elegir el tipo de información a la que puede acceder Smash Balloon y las funciones que puede realizar. Para restringir el acceso, desactiva cualquiera de los botones.

Mange Smash Balloon Facebook permisos

Nota: La desactivación de algunos de estos permisos puede afectar a los vídeos que se pueden incrustar.

Cuando esté satisfecho con los permisos, haga clic en Listo para volver al panel de control de WordPress.

Al volver a tu sitio de WordPress, verás una ventana emergente con los grupos o páginas vinculados a tu sitio web. Aquí puedes elegir cuál incrustar en tu sitio.

Selecciona una página de Facebook para incrustarla

Simplemente haga clic en el botón de opción situado junto a uno y seleccione el botón Añadir.

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

Ahora, Smash Balloon te regresará a la página de "Crear un Feed de Facebook". Aquí, puedes seleccionar la página que acabas de añadir y hacer clic en el botón Siguiente.

Elige una página de Facebook

El siguiente paso es crear el diseño de tu feed de vídeo de Facebook. En la siguiente pantalla, puedes elegir entre varios temas diferentes con distintos efectos de estilo:

  • Por defecto
  • Moderno
  • Muro social
  • Esquema
  • Solapamiento
Elige un tema para el feed de Facebook

Selecciona un tema que te guste y haz clic en el botón Siguiente.

Ahora puede elegir una plantilla que determine cómo se mostrarán los distintos elementos del feed en su sitio web. Por ejemplo, puede utilizar el diseño de cuadrícula predeterminado, un diseño de mampostería simple, un widget, una cuadrícula grande, el diseño de la última publicación, un carrusel de escaparate o un carrusel simple.

Plantilla de feed de Facebook

Vamos a utilizar el diseño predeterminado, pero puede seleccionar el diseño que desee y hacer clic en Siguiente.

Después, tendrás que elegir entre mostrar todos los vídeos o los vídeos de una lista de reproducción de Facebook.

Si eliges la opción Lista de reproducción, tendrás que pegar la URL de la lista de reproducción en la casilla antes de hacer clic en Siguiente.

Tipo de vídeo de Facebook

El plugin creará ahora un feed basado en tu fuente de Facebook y en la plantilla que hayas elegido. Esta es una buena manera de empezar; sin embargo, es posible que desees personalizar aún más el aspecto de los vídeos en tu sitio.

Paso 4. Personaliza tus vídeos de Facebook

Smash Balloon ofrece muchas formas diferentes de personalizar la forma en que tus vídeos de Facebook aparecen en tu sitio web. Para encontrar estos ajustes, simplemente haz clic en el icono del lápiz junto a cualquiera de tus feeds.

Editar el vídeo de Facebook

Ahora verás tu feed de vídeo de Facebook abierto en el editor de feeds, donde puedes cambiar el aspecto de tu feed con unos pocos clics.

Opciones de personalización del feed de Facebook

A la izquierda hay un panel con opciones de personalización para ajustar tu:

  • Plantilla
  • Tema
  • Tipo de pienso
  • Disposición de los piensos
  • Combinación de colores

A continuación, puedes personalizar las diferentes secciones del feed. Por ejemplo, puedes cambiar el estilo de la cabecera, los elementos del post, los márgenes del feed, el like box, el fondo, el lightbox y mucho más.

Opciones de lightbox para insertar vídeos en Facebook

Recuerde hacer clic en el botón Guardar para guardar los cambios.

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

Ahora es el momento de incrustar tu feed personalizado de Facebook en tu sitio de WordPress, y Smash Balloon facilita el proceso.

En el editor de feeds, haz clic en el botón Incrustar de la esquina superior derecha.

incrustar feed de Facebook

Esto abre una ventana emergente con 3 formas diferentes de publicar tus vídeos de Facebook:

  • Con el shortcode Smash Balloon
  • Uso del bloque Smash Balloon en una página de WordPress
  • Uso del bloque Smash Balloon en un área de widgets
Tipos de incrustación de vídeo en Facebook

Al hacer clic en la opción Página se abrirá una lista de las páginas disponibles en su sitio web. Sólo tiene que seleccionar el botón de opción de la página correspondiente y hacer clic en el botón Añadir.

Añadir un vídeo de Facebook a una página de WordPress

La página que hayas seleccionado se abrirá automáticamente. Desde ahí, puedes hacer clic en el icono del signo más para añadir un nuevo bloque de WordPress y buscar el bloque de alimentación personalizada de Facebook.

Bloque de alimentación de Facebook personalizado

Tras añadir el bloque a tu página, Smash Balloon previsualizará tu feed para que puedas revisarlo antes de publicarlo.

Previsualización de vídeo

A partir de ahí, es cuestión de publicar o actualizar la página para que tu vídeo de Facebook sea en directo.

Incrustar vídeo de Facebook página de WordPress

Añadir tu feed a un área de widgets sigue un proceso similar. Ve a Apariencia " Widgets, haz clic en el icono del signo más en cualquier área de widgets y busca el bloque Fuente personalizada de Facebook.

Widget de vídeo de Facebook

Verás una vista previa como antes una vez que lo añadas a tu área de widgets. A continuación, puedes seguir adelante y guardar los cambios.

Aquí tienes una captura de pantalla de cómo puede quedar añadir tu feed de vídeo de Facebook a una barra lateral de WordPress:

Incrustar Facebook video WordPress barra lateral

Cómo incrustar vídeos de Facebook en WordPress sin un plugin

El último método que cubriremos en esta guía es cómo incrustar vídeos de Facebook en tu sitio de WordPress sin utilizar un plugin. Algunas personas pueden preferir este método para añadir vídeos individuales a una entrada de blog.

Sin embargo, este método ofrece menos opciones de personalización que las soluciones anteriores. También requiere copiar y pegar fragmentos de código HTML del configurador, por lo que si no te sientes cómodo con esto, te recomendamos los métodos 1 o 2.

Para incrustar manualmente un vídeo de Facebook en WordPress, primero tienes que encontrar el código de incrustación del vídeo elegido. Puedes encontrarlo haciendo clic en el icono "Compartir" situado debajo de cualquier vídeo y seleccionando la opción "Incrustar".

Compartir vídeo de Facebook para la opción de incrustación

Esto abre una ventana emergente con un código iframe que puedes copiar y pegar en tu sitio WordPress. Puedes incluir el post completo o incrustar el vídeo a partir de una hora de inicio específica.

Copiar el código de inserción de vídeo de Facebook

Simplemente haga clic en el botón Obtener código para copiarlo en el portapapeles.

Después de copiar el código, cree o edite una entrada o página en WordPress y añada el bloque HTML personalizado en el editor de bloques.

Añadir el bloque HTML personalizado

Ahora pega el código de incrustación del vídeo en el bloque HTML personalizado. Si quieres, puedes hacer clic en la pestaña Vista previa para ver cómo queda.

Vista previa de bloques HTML personalizados

A partir de ahí, haz clic en el botón publicar o actualizar para que tu vídeo salga en directo.

Incrustar Facebook video WordPress sin un plugin.

¡Ya está!

Esperamos 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 dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su 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.