Cómo integrar un grupo de Facebook en tu sitio web (la mejor manera)
Inicio Blog Cómo integrar un grupo de Facebook en tu sitio web (la mejor manera)

Cómo integrar un grupo de Facebook en tu sitio web (la mejor manera)

cómo integrar un grupo de facebook en tu sitio web

¿Quieres saber cuál es la forma más fácil de mostrar grupos de Facebook en tu sitio web de WordPress?

Incorporar las publicaciones de las redes sociales a tu sitio web de WordPress mostrando el muro de tu grupo de Facebook es una forma estupenda de interactuar con tus clientes.

Sin embargo, integrar grupos de Facebook en tu sitio web puede resultar complicado.

Por eso, en esta guía te mostraremos una forma sencilla de hacerlo, incluso si no tienes conocimientos técnicos ni experiencia.

Pero antes, veamos por qué te conviene integrar grupos de Facebook en tu sitio web de WordPress.

O bien, puedes hacer clic aquí para pasar directamente al tutorial.

¿Por qué integrar grupos de Facebook en tu sitio web?

Facebook cuenta ahora con más de 1.400 millones de usuarios en sus grupos.

Dado que hay tanta gente que utiliza activamente los grupos de Facebook, puedes llegar a muchísimos clientes potenciales creando una comunidad online allí.

wpbeginner facebook group ejemplo

A través de los grupos de Facebook, puedes «hablar» con tus clientes para conocerlos mejor y establecer una relación con ellos.

Si incluyes tu grupo de Facebook en la página web de tu empresa, podrás:

  • Ayuda a tus usuarios a descubrir fácilmente tu comunidad en línea
  • Interactúa directamente con tus usuarios a través de tu grupo de Facebook
  • Fortalece tu vínculo con tus clientes
  • Ofrecer soluciones a los problemas relacionados con sus productos o servicios que se publiquen en el grupo
  • Aprovecha el poder de la prueba social mostrando contenido generado por los usuarios
  • Aumenta el reconocimiento de marca manteniendo a tus clientes informados mediante anuncios relevantes en el grupo
  • Consigue más ventas gracias a los testimonios de los usuarios publicados en tu grupo

Incorporar un grupo de Facebook en tu sitio web facilita a tus visitantes unirse a tu comunidad online, ya seas bloguero, afiliado o propietario de una tienda de comercio electrónico.

Además, a tus clientes les resulta más fácil interactuar con tu empresa. Esto es mejor, ya que no tienen que pasar por mil dificultades solo para ponerse en contacto contigo.

Además, mostrar a tu equipo en tu página web te ayuda a generar confianza entre los clientes potenciales, de modo que, a largo plazo, puedas convertirlos en clientes y en embajadores de la marca.

La forma más fácil de mostrar tu grupo de Facebook en tu sitio web

Si utilizas un complemento de Facebook como Facebook Feed Pro para integrar tu grupo de Facebook en tu sitio web, ¡podrás mostrarlo fácilmente en menos de 5 minutos!

El uso de un plugin de WordPress fácil de usar para principiantes te ayuda a:

  • Añade fácilmente grupos de Facebook a sitios web de WordPress: no hace falta saber programar
  • Anima a los visitantes de tu sitio web a unirse a tu grupo de Facebook
  • Personaliza el aspecto de tu grupo de Facebook en tu sitio web para que sea coherente con la imagen de marca de tu empresa
  • Controla el tipo de información (publicaciones, fotos, eventos, vídeos, álbumes) que quieres mostrar en tu grupo de Facebook
  • Recibe ayuda de expertos en WordPress siempre que tengas alguna dificultad a lo largo de todo el proceso

En este tutorial, utilizaremos el plugin «Facebook Feed Pro» de Smash Balloon.

página de inicio de facebook feed pro personalizada

Facebook Feed Pro está diseñado pensando en los principiantes. Con esta herramienta, podrás añadir fácilmente tus publicaciones de Facebook a tu sitio web. Además, podrás personalizar su aspecto, aunque no seas un experto en tecnología.

Con más de 250 000 usuarios activos, es sin duda el mejor plugin de WordPress para mostrar el feed de Facebook.

Con este plugin, puedes mostrar en tu sitio web eventos, páginas, vídeos, álbumes e incluso grupos de Facebook.

Además, los visitantes de tu sitio web pueden incluso unirse a grupos de Facebook directamente desde tu sitio web.

reseñas de custom facebook feeds pro

Al utilizar Facebook Feed Pro, también podrás mostrar fácilmente tu comunidad online a los visitantes de tu sitio web sin tener que tocar ni una sola línea de código de incrustación.

Por lo tanto, es la mejor opción para ti si no te sientes cómodo trabajando directamente con HTML, JavaScript, iFrame, CSS u otros lenguajes de programación.

Ejemplo de cómo integrar un grupo de Facebook en una página web

Teniendo esto en cuenta, vamos a empezar con el tutorial paso a paso para mostrar tu grupo de Facebook en tu sitio web de WordPress utilizando el plugin Facebook Feed Pro.

Paso 1: Descarga e instala Facebook Feed Pro

Antes de nada, puedes descargar el plugin Facebook Feed Pro.

Después, solo tienes que instalarlo y activarlo en tu sitio web.

¿No sabes muy bien cómo hacerlo? Echa un vistazo a nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Paso 2: Crea el feed de tu grupo de Facebook

Desde el panel de control de WordPress, ve al menú «Feed de Facebook» » «Todos los feeds» para empezar

Ahora haz clic en el botón «Añadir nuevo » que hay en la parte superior.

añade un nuevo feed con custom facebook feed pro

En esta nueva página, puedes elegir entre nueve tipos diferentes de contenidos. Tienes la opción de elegir entre publicaciones del muro, fotos, álbumes, eventos de Facebook y mucho más.

De hecho, desde aquí puedes mostrar los eventos de los grupos de Facebook en tu sitio web.

tipos de feed de facebook

Una vez que hayas elegido el tipo de feed de Facebook que deseas, solo tienes que hacer clic en «Siguiente». 

En este tutorial, vamos a utilizar unfeed de línea de tiempo.

seleccione el tipo de feed de facebook

Paso 3: Conéctate a tu grupo de Facebook

El siguiente paso es vincular una cuenta de Facebook a tu sitio web para que tengas una fuente para tu feed de Facebook. Para añadir una nueva fuente, solo tienes que hacer clic en «Añadir nueva».

añadir nueva fuente para facebook feed

Ahora aparecerá una nueva ventana emergente en la que podrás elegir entre una página o un grupo de Facebook. Aquí , solo tienes que seleccionar la opción «Grupo» y, a continuación, hacer clic en «Conectar».

Seleccionar el feed de un grupo de Facebook

Una vez que lo hayas hecho, el complemento te redirigirá a Facebook. Allí, podrás conceder al complemento permiso de lectura para acceder a tu cuenta de Facebook.

Con ese permiso, el complemento solo puede ver tus publicaciones de Facebook, pero no puede modificar nada. Por lo tanto, usar Smash Balloon es totalmente seguro.

Solo tienes que seleccionar aquí la opción «Continuar ».

Permitir el feed del grupo de Facebook

En la nueva ventana emergente, haz clic en el botón «Continuar» para seguir adelante.

Permitir el acceso a Custom Facebook Feed Pro

Ahora puedes ver todos los grupos de Facebook vinculados a tu cuenta. Selecciona el grupo que prefieras y, a continuación, haz clic en el botón «Siguiente ».

Selecciona tu grupo de Facebook

A continuación, aparecerá una ventana emergente en la que se te pedirá que añadas la aplicación Smash Balloon a tu grupo.

Para ello, puedes seguir las instrucciones que se indican aquí.

Ahora que has añadido la aplicación, solo tienes que volver a WordPress. En la ventana emergente, haz clic en «Hecho» paracontinuar.

añadir una aplicación de Facebook

Ahora solo tienes que seleccionar tu grupo de la lista de fuentes y, a continuación, hacer clic en «Siguiente».

Crear un feed de un grupo de Facebook

Una vez hecho esto, ya habrás vinculado tu grupo de Facebook a tu sitio web.

El siguiente paso es personalizar el feed de tu grupo de Facebook. A continuación te explicamos cómo hacerlo.

Paso 4: Personalizar el feed de un grupo de Facebook

Ahora se abrirá el feed de tu nuevo grupo de Facebook en el editor de feeds en directo.

custom facebook feed pro live editor

En la parte izquierda de la pantalla puedes ver todas las opciones de personalización.

Con estas opciones, puedes cambiar el tipo de feed, el diseño, la combinación de colores, el estilo del encabezado, el diseño de las entradas y mucho más.

Y cada vez que realices un cambio, podrás ver una vista previa en tiempo real a la derecha.

Si quieres empezar a personalizarlo, selecciona la opción «Diseño del feed ».

selecciona el diseño del feed de facebook

En cuanto a los diseños para el feed de tu grupo de Facebook, tienes cuatro opciones: Lista, Cuadrícula, Masonry y Carrusel.

diferentes opciones de diseño para Custom Facebook Feed Pro

Puedes mostrar todas las publicaciones de tu grupo de Facebook una tras otra con el diseño de lista . Es una buena opción si quieres que tus publicaciones de Facebook sean muy visibles.

diseño de lista para el feed del grupo de facebook

¿Quieres mostrar muchas publicaciones de Facebook a la vez? Entonces puedes elegir laopción de cuadrícula.

diseño de cuadrícula para tu feed de facebook

Si solo quieres mostrar fotos de Facebook en diferentes columnas manteniendo sus proporciones originales, puedes utilizar el diseño en mosaico.

diseño de feed de mampostería para facebook

Por último, puedes utilizar el diseño de carrusel de Facebook si quieres que tus publicaciones tengan un aspecto más dinámico.

diseño de feed carrusel para feed de grupo de facebook

Elige el diseño que más te guste de entre todas estas opciones. Una vez que lo hayas hecho, puedes guardar los cambios haciendo clic en el botón «Guardar»situado en la parte superior.

Para seguir personalizando tu feed, puedes hacer clic en el botón «Personalizar»situado en la parte superior.

volver a las opciones de personalización de facebook

Ahora, en el menú de opciones, selecciona laopción «Esquema de colores » para configurar los colores de tu muro de Facebook.

seleccionar combinación de colores para el feed de facebook

Aquí tienes cuatro opciones para la combinación de colores:

  • Heredar del tema: para copiar la combinación de colores de tu tema.
  • Claro: Para una combinación de colores con un fondo blanco claro y un color de letra oscuro.
  • Oscuro: si quieres un fondo más oscuro con un color de letra más claro.
  • Personalizado: para añadir tus propios colores a tu feed.

Solo tienes que seleccionar tu combinación de colores preferida entre las opciones que aparecen aquí y, a continuación, hacer clic en «Guardar».

combinaciones de colores personalizadas para facebook feed pro

Después, puedes personalizar el resto de elementos de tu feed, como el estilo del encabezado, los márgenes, los elementos de las entradas y mucho más.

Una vez finalizada la personalización, solo tienes que hacer clic en «Guardar».

Paso 5: Incrusta un grupo de Facebook en tu sitio web

Ahora que ya has personalizado tu feed, es hora de aprender a añadir grupos de Facebook a WordPress. Para ello, tienes dos opciones.

Incrusta un grupo de Facebook en tu página de WordPress

En primer lugar, haz clic en el botón «Insertar» del editor de tu transmisión en directo.

Cómo integrar un grupo de Facebook en una página web utilizando Facebook Feed Pro

Ahora aparecerá una ventana emergente en la que podrás elegir dónde publicar el feed de tu grupo. Para continuar, haz clic en el botón «Añadir a una página ».

añadir feed de facebook a la página

Una vez que hagas clic ahí, verás una lista de páginas en las que puedes publicar tu feed. Selecciona la página web que desees y, a continuación, haz clic en «Añadir».

seleccionar página para facebook feed

Ahora, este complemento de grupo de Facebook te redirigirá a esa página.

Allí, solo tienes que hacer clic en el pequeño icono con el signo más (+) que hay en la parte superior. Y, para terminar, selecciona el widget «Feed personalizado de Facebook ».

añadir bloque de feed personalizado de facebook

Por último, haz clic en el botón«Publicar» y ¡listo!

¡Y ya está! Ya has integrado tu grupo de Facebook en tu página web. A partir de ahora, cada vez que publiques algo nuevo en tu grupo de Facebook, este feed lo mostrará automáticamente.

Ahora puedes abrir tu sitio de WordPress y ver cómo se ve tu feed.

ejemplo de feed de grupo de facebook

Incrusta un grupo de Facebook en la barra lateral de tu WordPress

La segunda opción consiste en integrar el feed de tu grupo de Facebook en la barra lateral de tu sitio web mediante un widget de Facebook.

Puedes hacerlo desde el editor de la retransmisión en directo.

Y para abrir el editor de publicaciones en directo, puedes hacer clic en el menú «Feed de Facebook» » «Todas las publicaciones » de tu panel de control.

En esta página encontrarás una lista de todos los feeds de Facebook de tu sitio web. Para continuar, solo tienes que hacer clic en el feed de tu grupo de Facebook.

selecciona tu feed de facebook

Ahora puedes volver a ver el editor de transmisiones en directo. Aquí, solo tienes que hacer clic en el botón «Insertar» situado en la esquina superior derecha.

haga clic en el botón incrustar feed facebook personalizado pro

Ahora aparecerá una ventana emergente para que elijas dónde quieres insertar tu feed de Facebook. Aquí, haz clic en«Añadir a un widget».

Cómo integrar un grupo de Facebook en una página web como widget de WordPress

Al hacer esto, accederás a la página «Widgets» , donde podrás añadir o eliminar todos los widgets de tu sitio web.

Aquí, solo tienes que hacer clic en«Barra lateral» para añadir el widget de tu grupo de Facebook a la barra lateral.

seleccione la barra lateral para el widget

Esto abrirá un panel en el que se muestran todos los widgets que hay actualmente en la barra lateral. A continuación, haz clic en elicono del signo más (+) yselecciona elwidget «Feed personalizado de Facebook».

Por último, haz clic en«Actualizar» paraañadir el grupo de Facebook a la barra lateral o al pie de página de tu sitio web.

elige el widget personalizado facebook feed pro

Con esto, ya has añadido el widget de tu grupo de Facebook a la barra lateral de tu sitio web sin tener que tocar ningún código corto ni lenguaje de programación.

Solo tienes que entrar en tu página web y verás tu grupo de Facebook integrado en la barra lateral, tal y como se muestra a continuación.

facebook group feed sidebar example

¡Y ya está!

Enhorabuena, ahora ya sabes cómo integrar un grupo de Facebook en tu sitio web utilizando un plugin de WordPress.

Puedes insertar fotos, vídeos, eventos, álbumes y mucho más para que tu sitio web resulte más atractivo y potenciar tu presencia en las redes sociales.

Empieza a usar Facebook Feed Pro hoy mismo.

¿Prefieres incrustar páginas de Facebook? Echa un vistazo a estas instrucciones paso a paso sobre cómo incrustar el feed de tu página de Facebook en tu sitio de WordPress.

¿Buscas una forma eficaz de aprovechar la prueba social para aumentar tus ventas? A continuación te explicamos cómo puedes integrar las reseñas de tu página de Facebook en tu sitio web.

Si tienes más de una red social, con este tutorialpodrás añadir varios feeds sociales a tu sitio de WordPress.

Por último, si te ha parecido útil este artículo, no dudes en seguirnos en TwitteryFacebook para ver más tutoriales fáciles de seguir.

avatar de autor
Lianne Laroya Responsable de marketing de contenidos
Lianne es la directora de marketing de contenidos de Smash Balloon, y cuenta con más de 12 años de experiencia en contenidos para WordPress, marketing en redes sociales, contenidos generados por los usuarios (CGU) y optimización de motores de búsqueda (SEO).

Comentarios 4

  1. Benjamin Allen Hace 5 años

    Gracias por esto, pero necesito una aclaración. Tengo un grupo de Facebook y una página web sobre Roblox. Comparto los códigos promocionales en mi grupo de Facebook en cuanto sale una nueva promoción y, obviamente, también los publico en mi página web.

    Ahora ya sé que puedo incrustar un grupo de Facebook, pero ¿es posible mostrar solo determinadas publicaciones? La razón por la que quiero hacerlo es que comparto muchas cosas de mi grupo, pero solo quiero mostrar las publicaciones relacionadas con códigos promocionales, ya que esta página de mi sitio web se dedica exclusivamente a ofrecer códigos promocionales.

    Respuesta
    1. Lianne Laroya hace 5 años

      Hola, Benjamin, muchas gracias por tu pregunta.

      Sí, con la ayuda de Custom Facebook Feed Pro, puedes utilizar las herramientas de moderación del complemento para filtrar las publicaciones. Una forma de hacerlo es etiquetar cada publicación con una palabra, frase o hashtag concreto, como #promooftheday, y luego filtrar las publicaciones de tu grupo de Facebook para que solo se muestren aquellas que incluyan #promooftheday.

      Estaremos encantados de ayudarle.

      Si tienes alguna otra duda que te gustaría que te aclaráramos, ponte en contacto con nuestro equipo de atención al cliente.

      Si tienes una licencia de Smash Balloon, tienes acceso a nuestro soporte prioritario por correo electrónico, así que por favor envía un ticket de soporte aquí: https://smashballoon.com/custom-facebook-feed/support/

      Si no es así, ofrecemos asistencia gratuita en el foro de Smash Balloon Social Post Feed: https://wordpress.org/support/plugin/custom-facebook-feed/

      Espero que le sirva de ayuda.

      Respuesta
  2. Radostina Andreeva Hace 5 años

    Hola, Smash Balloon: ¿Se puede utilizar vuestro plugin para extraer todas las publicaciones del grupo a WordPress como copia de seguridad de las publicaciones del grupo de Facebook? ¿Qué pasaría si se suspendiera el grupo? ¿Seguiríamos teniendo un archivo sin conexión en la página web?

    Respuesta
    1. Lianne Laroya hace 5 años

      Hola, Radostina, muchas gracias por tu pregunta.

      Esto no es posible por dos motivos:
      – La API solo nos permite ver las publicaciones realizadas después de que se haya añadido la aplicación Smash Balloon al grupo.
      – Además, la API solo mostrará publicaciones y cualquier otro contenido si tienen menos de 90 días de antigüedad.

      Si se suspende el grupo, las publicaciones seguirán mostrando todo lo que se haya almacenado en caché, como el texto y las imágenes, pero no los álbumes completos.

      La API no ofrece ninguna forma de «hacer una copia de seguridad» de un grupo de Facebook, y Facebook no dispone de ninguna herramienta para ello, solo para el contenido de los perfiles personales.

      Estaremos encantados de ayudarle.

      Si tienes alguna otra duda que te gustaría que te aclaráramos, ponte en contacto con nuestro equipo de atención al cliente.

      Si tienes una licencia de Smash Balloon, tienes acceso a nuestro soporte prioritario por correo electrónico, así que por favor envía un ticket de soporte aquí: https://smashballoon.com/custom-facebook-feed/support/

      Si no es así, ofrecemos asistencia gratuita en el foro de Smash Balloon Social Post Feed: https://wordpress.org/support/plugin/custom-facebook-feed/

      Espero que le sirva de ayuda.

      Respuesta

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.