Cómo incrustar videos de Facebook en WordPress (3 formas sencillas)

¿Quieres incrustar videos de Facebook en WordPress?

Los videos que publica en Facebook también pueden crear contenido interesante para su sitio web de WordPress. Al incrustar videos y fuentes de video de Facebook, puede agregar contenido nuevo a su sitio de WordPress mientras aumenta sus seguidores de Facebook.

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

¿La guinda del pastel? Agregar un video de Facebook a WordPress es increíblemente fácil con las herramientas adecuadas, así que haga clic en cualquiera de los enlaces rápidos a continuación para acceder a su método favorito:

Cómo incrustar videos de Facebook en WordPress usando SeedProd

Una forma de agregar videos a su sitio de WordPress es durante la fase de diseño y desarrollo. Por ejemplo, es posible que desee incluir un video de bienvenida en su página de inicio o un video explicativo en la página de inicio de un producto.

Dado que los estudios muestran que incluir videos en las páginas de destino puede ayudarlo a lograr tasas de conversión hasta un 34% más altas , hacerlo es una decisión inteligente para cualquier propietario de un sitio web. Entonces, en lugar de usar un video de YouTube, ¿por qué no reutilizar un video de su página de Facebook?

La mejor manera de crear una página de destino o un diseño personalizado de WordPress es con un creador de páginas de WordPress como SeedProd.

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

Su biblioteca de bloques de Facebook lo convierte en una excelente herramienta para incrustar videos de Facebook. Con unos pocos clics, puede incrustar publicaciones, videos, comentarios, líneas de tiempo, eventos o mensajes de Facebook. Esto significa que puede optimizar su flujo de trabajo de diseño sin agregar complementos adicionales de WordPress a su sitio.

Siga el tutorial a continuación para incrustar un video de Facebook en WordPress usando SeedProd.

Paso 1. Instalar y activar SeedProd

Primero, instale y active el complemento SeedProd en su sitio de WordPress. En esta guía, usaremos SeedProd Pro por sus características avanzadas.

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

Paso 2. Elija una plantilla

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

Hay 2 formas de hacer esto en SeedProd:

• Generador de temas : puede comenzar con un kit de sitio web prefabricado y personalizar cada plantilla para crear un tema personalizado de WordPress que reemplace su tema actual.
• Generador de página de destino : o puede elegir una plantilla de página de destino y personalizarla para crear una página independiente que funcione a la perfección con su tema de WordPress existente.

Nota: Ambas opciones te permiten usar bloques de Facebook para incrustar tus videos.

Para esta guía, utilizaremos la opción Creador de páginas de destino. Vaya a SeedProd » Landing Pages desde su panel de WordPress y haga clic en el botón Agregar nueva página de destino .

A partir de ahí, navegue por las plantillas de la página de destino hasta que encuentre una que funcione para usted. Recuerde, puede personalizar cualquier plantilla según sus necesidades, así que busque una que se acerque a lo que busca.

Una vez que haya encontrado una plantilla que le guste, desplace el cursor sobre ella y haga clic en el icono de marca de verificación para elegirla.

A continuación, verá una ventana emergente que le permitirá ingresar el nombre y la URL de su página de destino. Cuando esté satisfecho con esos detalles, haga clic en el botón Guardar y comenzar a editar la página .

Paso 3. Personaliza la plantilla de tu página de destino

En la siguiente pantalla, verá el generador de páginas de arrastrar y soltar de SeedProd. Obtendrá una vista previa de su plantilla a la derecha y mostrará varios bloques y configuraciones a la izquierda.

Puede hacer clic en cualquier parte de la vista previa para ver la configuración de ese elemento de diseño en particular. Por ejemplo, al seleccionar el título de la plantilla, se abre un panel a la izquierda donde puede cambiar el texto, el nivel del título y la alineación.

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

Dado que esta plantilla no tiene un elemento de video incorporado, necesitaremos agregar uno para mostrar el video de Facebook. Le mostraremos cómo hacerlo a continuación.

Paso 4. Agregue el bloque de inserción de Facebook

Para incrustar un video de Facebook en su página de destino, desplácese por la sección Bloques avanzados a la izquierda y busque el bloque Incrustar de Facebook. Ahora arrastre este bloque a su lugar en su página de destino.

De forma predeterminada, el bloque de inserción de Facebook mostrará una publicación de Facebook de marcador de posición en lugar de un video. Para cambiar esto, abra la configuración del bloque haciendo clic en él y elija la opción "Video" en el menú desplegable "Tipo".

A continuación, pegue la URL de su video de Facebook en el campo "Enlace de video". Ahora debería ver una vista previa de su video de Facebook incrustado en su página de destino.

Hay varias formas de personalizar la apariencia de su video incrustado. Por ejemplo, puede activar o desactivar los interruptores para permitir la pantalla completa, la reproducción automática de videos e incluir subtítulos.

En la pestaña Avanzado, hay configuraciones para cambiar el espaciado del video, los atributos CSS, la visibilidad del dispositivo y agregar efectos de animación.

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

Recuerde hacer clic en el botón Guardar para almacenar sus cambios.

Consejo profesional: al personalizar su página de destino, haga clic en la pestaña Configuración de página para configurar su configuración de SEO en la página y agregar su información de seguimiento de píxeles de Facebook.

Paso 5. Publica tu página de video de Facebook

Antes de publicar su página, haga clic en el ícono móvil en la esquina inferior derecha para ver si su diseño se ve bien en los dispositivos 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 visitan desde teléfonos inteligentes y tabletas.

A partir de ahí, puede continuar y hacer clic en Publicar debajo del botón Guardar para hacer que su página de destino con video de Facebook se incruste en vivo.

Ahora cualquiera que visite tu página puede ver tu video de Facebook. Además, dependiendo de su configuración, también pueden darle me gusta, comentar y compartir el video desde su sitio web de WordPress.

Cómo incrustar un video de Facebook usando un complemento de video de Facebook

Otra forma de incrustar videos de Facebook en su sitio web de WordPress es usar un complemento de alimentación de redes sociales. El beneficio de este enfoque es que puede agregar atractivos feeds de galería a su sitio que se actualizan automáticamente cada vez que publica un nuevo video en Facebook.

Por ejemplo, puede agregar un feed de video de Facebook a la barra lateral de su blog o incluir uno dentro de una publicación de WordPress para ilustrarlo con contenido generado por el usuario.

En este método, usaremos el complemento Custom Facebook Feed Pro de Smash Balloon.

Es el mejor complemento de feeds de redes sociales, que le permite incrustar fácilmente videos, álbumes, comentarios, reseñas, publicaciones de la comunidad y más de Facebook en su sitio web de WordPress.

Además, la versión Pro de Smash Balloon te permite incrustar videos HD, 360o y Facebook Live, junto con la cantidad total de Me gusta, comentarios, acciones compartidas y reacciones para cada publicación. Esto es muy útil si publica transmisiones en vivo regulares.

Paso 1. Instale el complemento Facebook Feed Pro

Para comenzar, instale y active el complemento Custom Facebook Feed Pro en su sitio de WordPress. Si necesita ayuda con esto, puede seguir esta guía sobre cómo instalar y activar un complemento de WordPress.

Una vez que el complemento esté activo, vaya a Feed de Facebook » Configuración desde su administrador de WordPress e ingrese su clave de licencia de Smash Balloon. Esta información está debajo de su cuenta en el sitio web de Smash Balloon.

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

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

En Smash Balloon, puede incrustar videos de una página de Facebook o de un grupo. Sin embargo, primero debe conectar su grupo o página de Facebook a WordPress para hacer esto.

Así que dirígete a Facebook Feed » All Feeds y haz clic en el botón Agregar nuevo .

En la siguiente pantalla, verá varios tipos de fuentes: línea de tiempo, eventos, fotos, álbumes y más. Como queremos incrustar un video de Facebook, seleccione la opción Videos y haga clic en Siguiente .

Ahora puedes elegir una fuente para tu feed: una página de Facebook o un grupo. Para hacer esto, haga clic en Agregar nuevo .

A continuación, seleccione la opción Página de Facebook o Grupo de Facebook y haga clic en el botón Conectar a Facebook .

Esto abrirá una ventana donde puedes conectarte a tu cuenta de Facebook y seleccionar las páginas o grupos para usar con Smash Balloon.

Después de eso, 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, deshabilite cualquiera de los conmutadores.

Nota: Deshabilitar algunas de estas configuraciones de permisos puede afectar los videos que puede incrustar.

Cuando esté satisfecho con los permisos, haga clic en Listo para regresar a su panel de control de WordPress.

Después de regresar a su sitio de WordPress, verá una ventana emergente con los grupos o páginas vinculadas a su sitio web. Aquí puede elegir cuál insertar en su sitio.

Simplemente haga clic en el botón de radio al lado de uno y seleccione el botón Agregar .

Paso 3. Cree su diseño de feed de video de Facebook

Ahora, Smash Balloon lo regresará a la página "Crear un feed de Facebook". Aquí, puede seleccionar la página que acaba de agregar y hacer clic en el botón Siguiente .

El siguiente paso es crear el diseño de su fuente de video de Facebook. En la siguiente pantalla, puede elegir entre varios temas diferentes con diferentes efectos de estilo:

• Por defecto
• Moderno
• muro social
• Describir
• Superposición

Seleccione un tema que le guste, luego haga clic en el botón Siguiente .

Ahora puede elegir una plantilla que dicte cómo se mostrarán los elementos de feed individuales en su sitio web. Por ejemplo, puede usar el diseño de cuadrícula predeterminado, un diseño de mampostería simple, un widget, una cuadrícula grande, el último diseño de publicación, un carrusel de exhibición o un carrusel simple.

Usamos el diseño predeterminado, pero puede seleccionar cualquier diseño que desee y hacer clic en Siguiente .

Después de eso, deberá elegir entre mostrar todos los videos o videos de una lista de reproducción de Facebook.

Si elige la opción Lista de reproducción, deberá pegar la URL de la lista de reproducción en el cuadro antes de hacer clic en Siguiente.

El complemento ahora creará un feed basado en tu fuente de Facebook y la plantilla que hayas elegido. Esta es una excelente manera de comenzar; sin embargo, es posible que desee personalizar aún más la apariencia de los videos en su sitio.

Paso 4. Personaliza tus videos de Facebook

Smash Balloon ofrece muchas formas diferentes de personalizar cómo aparecen tus videos de Facebook en tu sitio web. Para encontrar esta configuración, simplemente haga clic en el ícono de lápiz junto a cualquiera de sus fuentes.

Ahora verá su fuente de video de Facebook abierta en el editor de fuentes, donde puede cambiar la apariencia de su fuente con unos pocos clics.

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

• Plantilla
• Tema
• Tipo de alimentación
• Diseño de alimentación
• Esquema de colores

Debajo de eso, puede personalizar las diferentes secciones de alimentación. Por ejemplo, puede cambiar el estilo del encabezado, los elementos de la publicación, los márgenes de alimentación, como el cuadro, el fondo, la caja de luz y más.

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

Paso 5. Incrusta tus videos de Facebook en WordPress

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

Desde el editor de fuentes, haga clic en el botón Incrustar en la esquina superior derecha.

Esto abre una ventana emergente con 3 formas diferentes de publicar tus videos de Facebook:

• Con el código abreviado Smash Balloon
• Usando el bloque Smash Balloon en una página de WordPress
• Uso del bloque Smash Balloon en un área de widgets

Al hacer clic en la opción Página, se abrirá una lista de páginas disponibles en su sitio web. Simplemente seleccione el botón de radio en la página correspondiente y haga clic en el botón Agregar .

La página que seleccionó se abrirá automáticamente. Desde allí, puede hacer clic en el ícono Más para agregar un nuevo bloque de WordPress y buscar el bloque de Feed de Facebook personalizado.

Después de agregar el bloque a su página, Smash Balloon mostrará una vista previa de su feed para que pueda revisarlo antes de publicarlo.

A partir de ahí, se trata de publicar o actualizar la página para que tu feed de video de Facebook esté en vivo.

Agregar su feed a un área de widgets sigue un proceso similar. Navegue a Apariencia » Widgets , haga clic en el ícono más en cualquier área de widgets y busque el bloque Feed de Facebook personalizado.

Verá una vista previa como antes una vez que lo agregue a su área de widgets. Luego puede continuar y guardar sus cambios.

Aquí hay una captura de pantalla de cómo puede verse agregar su feed de video de Facebook a una barra lateral de WordPress:

Cómo incrustar videos de Facebook en WordPress sin un complemento

El método final que cubriremos en esta guía es cómo incrustar videos de Facebook en su sitio de WordPress sin usar un complemento. Algunas personas pueden preferir este método para agregar videos individuales a una publicación 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 se siente cómodo con esto, le recomendamos el método 1 o 2.

Para insertar manualmente un video de Facebook en WordPress, primero debe encontrar el código de inserción para el video elegido. Puede encontrar esto haciendo clic en el ícono "Compartir" debajo de cualquier video y seleccionando la opción "Incrustar".

Esto abre una ventana emergente con un código iframe que puede copiar y pegar en su sitio de WordPress. Puede incluir la publicación completa o insertar el video desde una hora de inicio específica.

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

Después de copiar el código, cree o edite una publicación o página en WordPress y agregue el bloque HTML personalizado en el editor de bloques.

Ahora pegue el código de inserción del video en el bloque HTML personalizado. Si lo desea, puede hacer clic en la pestaña Vista previa para ver cómo se ve.

Desde allí, haga clic en el botón publicar o actualizar para publicar su video.

¡Ahí tienes!

Esperamos que esta guía te haya ayudado a insertar un video de Facebook en WordPress. Para obtener consejos y tutoriales aún más útiles, consulte las guías a continuación:

• 23 ideas de sorteos de Facebook para hacer crecer su negocio
• Cómo Crear una Página de Aterrizaje de Video Fácilmente (+ 5 Plantillas)
• Cómo agregar un widget de Twitter a WordPress (paso a paso)

Gracias por leer. Síganos en YouTube, Twitter y Facebook para obtener más contenido útil para hacer crecer su negocio.