5 pasos para integrar Facebook Feed en Oxygen Builder (+imágenes)
Inicio Blog 5 pasos para integrar Facebook Feed en Oxygen Builder (+imágenes)

5 pasos para integrar Facebook Feed en Oxygen Builder (+imágenes)

Pasos para integrar Facebook Feed en Oxygen Builder

¿Buscas una forma rápida y sencilla de añadir tu feed de Facebook a tu sitio web Oxygen Builder?

Intentar incrustar publicaciones de Facebook manualmente puede ser un verdadero quebradero de cabeza y quitarte mucho tiempo. Y si no estás acostumbrado a manejar código, puede ser difícil empezar.

Por eso estamos aquí para ayudarte. Gracias a nuestros más de 10 años de experiencia en feeds de redes sociales, hemos elaborado esta guía para mostrarte cómo incrustar impresionantes feeds de Facebook en Oxygen Builder.

Para este tutorial, utilizaremos Facebook Feed Pro, un fantástico plugin de WordPress, para hacerlo lo más sencillo posible.

En este artículo:

La forma más fácil de integrar feeds de Facebook en Oxygen Builder

La forma más sencilla de incluir feeds de Facebook en tu sitio Oxygen Builder es utilizar Facebook Feed Pro.

página de inicio de facebook feed pro

Esta increíble herramienta simplifica más que nunca la creación, el diseño y la visualización de feeds de Facebook directamente en tu sitio web, sin necesidad de programación.

A continuación te explicamos por qué Facebook Feed Pro es perfecto para tu sitio Oxygen Builder:

  • Configuración superfácil: Sólo tienes que seguir las instrucciones y en cuestión de minutos tendrás un feed de Facebook en tu sitio web.
  • Muchos tipos de feeds: Elige entre muchos tipos de feeds de Facebook, como publicaciones en la cronología, fotos, álbumes, transmisiones en directo, reseñas y mucho más.
  • Se ve hermoso automáticamente: Todos tus feeds de Facebook coincidirán automáticamente con el diseño cuidadosamente elegido de tu sitio web Oxygen Builder.
  • Personalización sencilla: Hay un personalizador visual con una vista previa en vivo para que pueda realizar un seguimiento de sus cambios para una personalización sencilla y precisa.
facebook feed pro live editor
  • Diseño rápido: Dispones de plantillas y temas listos para usar con un solo clic para crear bonitos feeds rápidamente.
  • Mantiene tu sitio rápido: El plugin es ligero, por lo que tu sitio se cargará muy rápido, incluso con muchas publicaciones de Facebook. (Y los sitios web rápidos también son buenos para el SEO).
  • Soporte impresionante: Dispones de un equipo de soporte de primera categoría formado por expertos en WordPress dispuestos a ayudarte con cualquier duda.

Como puedes ver, Facebook Feed Pro es fácilmente la opción número 1 cuando se trata de incrustar contenido de Facebook, todo sin codificación.

¿Estás listo para añadir feeds de Facebook a Oxygen Builder? ¡ Consigue tu copia de Facebook Feed Pro aquí!

¿Por qué poner feeds de Facebook en tu sitio web Oxygen Builder?

A continuación te explicamos por qué añadir contenido de Facebook a tu sitio Oxygen Builder puede ser una decisión inteligente:

  • Haz crecer tu página de Facebook: Mostrar tus publicaciones de Facebook directamente en tu sitio web es una forma estupenda de conseguir más likes, comentarios y seguidores.
  • Aumenta tus ventas: Puedes mostrar opiniones reales de clientes de Facebook en tus páginas de producto para aumentar directamente tus conversiones y ventas.
  • Mantén enganchados a los visitantes: Si compartes fotos o vídeos interesantes de Facebook, puedes captar la atención de la gente y hacer que permanezcan más tiempo en tu sitio.
  • Mejora tu SEO: Integrar publicaciones de Facebook con las palabras clave adecuadas puede ayudar a tu sitio web a posicionarse mejor en los resultados de búsqueda, para que tu marca llegue a más personas.

Cómo integrar feeds de Facebook en Oxygen Builder (¡5 sencillos pasos!)

¿Listo para empezar? Sigue estos sencillos pasos y tendrás un increíble feed de Facebook listo para funcionar en línea en un abrir y cerrar de ojos.

Paso 1: Instalar y activar Facebook Feed Pro

Primero, consigue tu copia de Facebook Feed Pro aquí. Una vez que la tengas, instala y activa el plugin en tu sitio web WordPress, que ejecuta Oxygen Builder.

Si necesitas un poco más de ayuda con esta parte, consulta nuestra guía sobre cómo instalar plugins de WordPress.

Paso 2: Crea tu feed de Facebook para Oxygen Builder

Ahora, ve al menú Facebook Feed " All Feeds en tu panel de WordPress.

Haz clic en el botón Añadir nuevo para empezar.

Añadir una nueva publicación en Facebook utilizando el flujo guiado.

Una vez hecho esto, Facebook Feed Pro te preguntará qué tipo de feed quieres hacer:

  • Cronología
  • Fotos
  • Vídeos
  • Álbumes
  • Eventos
  • Reseñas
  • Publicación destacada individual
  • Álbum individual

Para esta guía, elegiremos la opción Línea de tiempo. Después de elegir, haga clic en Siguiente.

seleccione el tipo de feed de facebook

Paso 3: Conecta tu nuevo feed a Facebook

Después de crear tu feed, es hora de enlazar tu página de Facebook. De este modo, el plugin añadirá automáticamente tus últimas publicaciones para mantener tu feed actualizado.

Por lo tanto, haga clic en el botón Añadir nuevo para continuar.

añadir nueva fuente facebook feed pro

Una vez hecho esto, haz clic en el botón Conectar con Facebook .

Esto abrirá Facebook en tu navegador web para que puedas conectar tu página fácilmente.

conecta tu sitio elementor a facebook

El plugin abrirá Facebook y te pedirá acceso de "sólo lectura". Esto significa que puede ver tu información pero no puede cambiar nada, ¡así que es totalmente seguro!

Pulse el botón Continuar para conectarse.

smash balloon facebook access

Después volverás a tu sitio web.

Desde aquí, selecciona las páginas de Facebook que quieras conectar y haz clic en Añadir.

confirma tu fuente para los feeds de facebook

Su cuenta está ahora añadida como fuente. Puede seleccionarla rápidamente para nuevos feeds sin salir de su sitio.

Seleccione esta fuente y haga clic en Siguiente para continuar.

continuar después de elegir facebook fuente

Paso 4: Personaliza tu feed de Facebook

Ahora viene la parte divertida: ¡hacer que tu feed de Facebook tenga el aspecto perfecto para tu sitio Oxygen Builder! Además, puedes hacerlo con unos simples clics.

Elija un tema

Puedes elegir entre 5 temas diferentes, cada uno con su propio diseño:

  • Por defecto
  • Moderno
  • Muro social
  • Esquema
  • Solapamiento

Elige tu tema favorito entre las opciones y haz clic en Siguiente.

selecciona el tema de tu feed de facebook

Elija una plantilla

Después del tema, elige una plantilla. Esto cambia el aspecto de tus publicaciones y de la cabecera en tu nuevo feed social.

Como antes, seleccione una plantilla y haga clic en Siguiente.

plantilla facebook feed pro

Utilizar el personalizador visual

Facebook Feed Pro te mostrará tu feed en el personalizador visual. Aquí, puedes cambiar cosas como el diseño, los colores, el encabezado, los botones y mucho más.

A la derecha, verás una vista previa en directo, muy útil para controlar los cambios.

live feed editor for facebook feed pro

Para empezar, vamos a cambiar el diseño de las publicaciones de Facebook aquí.

Haga clic en la opción Diseño de la fuente de la izquierda.

feed layout facebook elementor feed

Tienes 4 formas diferentes de mostrar las publicaciones de Facebook en tu feed:

  • Lista: Muestra las publicaciones en una sola columna. Ideal para centrarse en cada publicación de Facebook.
  • Mampostería: Utiliza varias columnas para mostrar tus publicaciones de Facebook. Perfecto para mostrar mucho contenido.
  • Carrusel: Permite a la gente deslizar a través de sus mensajes como un carrusel de Facebook. Hace que tu sitio Oxygen Builder sea más interactivo.

Una vez elegido el diseño, haz clic en el botón Guardar.

tus opciones de diseño para facebook feed pro

También puedes cambiar el número de entradas y otras opciones desde aquí.

Cuando hayas terminado de configurar el diseño, haz clic en el botón Personalizar .

volver a las principales opciones de personalización de facebook

¿Quieres cambiar los colores de este feed de Facebook?

Seleccione la opción Esquema de color de la izquierda.

seleccionar opciones de combinación de colores facebook elementor

Con este plugin, puede elegir entre 4 esquemas de color diferentes:

  • Hereda del Tema: Copia los colores de su sitio Oxygen Builder.
  • Claro: Un fondo blanco brillante con texto oscuro.
  • Oscuro: Fondo oscuro con texto más claro.
  • Personalizado: Te permite elegir tú mismo todos los colores.

Una vez configurados los colores, pulse el botón Guardar.

opciones de combinación de colores para elementor facebook feed

Puedes seguir echando un vistazo a las demás opciones de personalización, como el estilo de la entrada, el estilo del encabezado, el diseño de los botones y mucho más.

Cuando estés satisfecho con el diseño, haz clic en Guardar antes de pasar al siguiente paso.

Paso 5: Insertar Facebook Feed en Oxygen Builder

¿Estás listo para añadir tu feed de Facebook a Oxygen Builder?

Haga clic en el botón Incrustar de la esquina superior derecha.

incrusta tu feed de facebook elementor

Una pequeña ventana emergente te mostrará diferentes opciones de incrustación. Desde aquí puedes añadir feeds de Facebook a tus páginas, barra lateral o pie de página.

Para Oxygen Builder, basta con hacer clic en Copiar.

copiar shortcode para elementor facebook feed

Ahora, abre la página de Oxygen Builder en la que quieres que aparezca tu feed de Facebook.

¿No tienes una? Puedes crear una nueva yendo a Páginas " Añadir nueva en tu panel de control y haciendo clic en Editar plantilla.

editar página en buildera oxygen

Una vez que esté en Oxygen Builder, haga clic en el icono más (+) en la esquina superior izquierda para añadir contenido a esta página.

añadir un nuevo elemento al generador de oxígeno

Escribe "shortcode " en la barra de búsqueda de la parte superior.

A continuación, arrastre el bloque Shortcode y suéltelo en su página a la derecha.

Esto abrirá opciones adicionales para el bloque Shortcode.

Simplemente pegue el shortcode que copió anteriormente en el campo Full shortcode.

inserta tu shortcode de facebook feed en oxygen builder

Por último, publica la página y, así de fácil, tu feed de Facebook estará en directo en tu sitio Oxygen Builder.

Si abres la página en tu sitio web ahora, puedes ver cómo se verá tu contenido de Facebook para tus visitantes.

ejemplo de tu feed de facebook incrustado

Y eso es todo.

Sólo tienes que seguir estos pasos e incrustar fácilmente hermosos feeds de Facebook en tu sitio web Oxygen Builder.

Ahora está listo para conectar con sus visitantes, ayudar a vender sus productos, dar un impulso a su SEO y mucho más.

Gracias a Facebook Feed Pro, hacer que tu sitio Oxygen Builder funcione a la perfección con Facebook es super sencillo.

¿Listo para empezar a añadir feeds de Facebook con total facilidad? Consigue hoy mismo tu copia de Facebook Feed Pro.

Más tutoriales y trucos sobre las redes sociales

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.