Cómo incrustar un feed de grupo de Facebook en WordPress

Incrustar un feed de un grupo de Facebook puede ser una excelente manera de mostrar las interacciones de la comunidad, compartir actualizaciones y mantener fresco el contenido de tu sitio web.

Esta integración ayuda a conectar tus comunidades en línea y puede aumentar la participación de los visitantes.

Hemos utilizado diferentes plataformas de redes sociales para dirigir tráfico a nuestros sitios web. Por eso entendemos los desafíos de agregar un feed de redes sociales.

En este artículo, te mostraremos cómo agregar fácilmente un feed de grupo de Facebook en WordPress, paso a paso.

¿Por qué agregar contenido de grupos de Facebook a tu sitio de WordPress?

Facebook es la plataforma de redes sociales más popular del mundo y tiene 2.9 mil millones de usuarios activos mensuales, según nuestras estadísticas de investigación de marketing.

Esto hace que los grupos de Facebook sean perfectos para interactuar con personas que ya conocen tu marca y conectar con una nueva audiencia.

De hecho, nuestro grupo de Facebook WPBeginner Engage tiene más de 98 mil usuarios activos y está creciendo a un ritmo increíble.

Los grupos de Facebook pueden ayudarte a construir una comunidad, crear un sentido de lealtad y establecer una relación positiva con tus usuarios.

Después de que las personas se unen a tu grupo, puedes promocionar publicaciones de blog, actualizaciones de la empresa o incluso productos de WooCommerce sin tener que gastar dinero en anuncios en línea.

Después de crear tu grupo de Facebook, querrás promocionarlo y atraer gente. La mejor manera de hacer crecer tu grupo de Facebook es incrustando el feed del grupo en tu sitio web de WordPress.

De esta manera, los visitantes de tu sitio pueden ver todo el contenido genial que publicas en Facebook. Esto los animará a visitar tu grupo, interactuar con tu contenido y, tal vez, incluso hacer clic en el botón 'Unirse'.

Con esto en mente, veamos cómo incrustar un feed de grupo de Facebook en WordPress.

Cómo instalar un plugin de feed personalizado de Facebook

La mejor manera de incrustar un feed de grupo de Facebook es usar Smash Balloon Facebook Feed.

Hemos probado exhaustivamente el plugin y nos pareció súper fácil incrustar videos de Facebook, comentarios, reseñas, publicaciones de la comunidad y más en nuestro sitio de WordPress. Para obtener más información, consulta nuestra reseña completa de Smash Balloon.

Si publicas videos en tu grupo de Facebook, Smash Balloon permite a los usuarios ver el contenido multimedia en una ventana emergente tipo lightbox sin salir de tu sitio.

Después de incrustar el feed del grupo, las nuevas publicaciones aparecerán automáticamente en tu sitio. Esto lo convierte en una forma fácil de mantener tu sitio fresco, incluso para los visitantes habituales.

Primero, necesitas instalar y activar el plugin Smash Balloon Facebook Feed. Para más detalles, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Tras la activación, visita la página Facebook Feed » Settings e introduce tu clave de licencia en el campo ‘License Key’.

Encontrarás esta información en tu cuenta en el sitio web de Smash Balloon.

Después de ingresar la clave, simplemente haz clic en el botón ‘Activate’.

Cómo agregar la aplicación Smash Balloon a tu grupo de Facebook

Ahora, necesitarás agregar la aplicación de Facebook de Smash Balloon al grupo de Facebook que deseas mostrar en tu sitio web de WordPress.

Nota: Debido a cómo está configurada la API de Facebook, Smash Balloon solo puede mostrar publicaciones que se realizaron después de que agregaste la aplicación a tu grupo de Facebook.

Teniendo esto en cuenta, procedamos a instalar la aplicación antes de hacer nada más. En una nueva pestaña, simplemente inicia sesión en Facebook y ve a tu grupo de Facebook.

Luego, en el menú de la izquierda, haz clic en ‘Configuración del grupo’.

Después de eso, necesitas desplazarte hasta la sección ‘Administrar configuración avanzada’.

Aquí, haz clic en el ícono del lápiz junto a ‘Aplicaciones’.

Esto abre una ventana emergente que muestra todas las aplicaciones que ya has agregado a este grupo.

Dado que queremos instalar la aplicación Smash Balloon, debes hacer clic en ‘Agregar aplicaciones’.

En la barra de búsqueda, escribe ‘Smash Balloon WordPress’.

Cuando aparezca la aplicación correcta, haz clic en ella.

Ahora aparecerá una ventana emergente que muestra toda la información a la que la aplicación puede acceder y las acciones que puede realizar.

Si estás de acuerdo y deseas instalar la aplicación, haz clic en ‘Agregar’.

Después de unos momentos, deberías ver un mensaje que dice que has agregado con éxito la aplicación Smash Balloon a tu grupo de Facebook.

Conecta Smash Balloon a tu grupo de Facebook

Ahora, es hora de conectar tu página de Facebook a WordPress. Para hacer esto, visita Facebook Feed » All Feeds y haz clic en ‘Agregar nuevo’.

Smash Balloon te permite mostrar fotos, eventos, videos, álbumes y más.

Dado que queremos incrustar nuestro feed de grupo de Facebook, haz clic en ‘Cronología’ y luego selecciona ‘Siguiente’.

Después de eso, necesitarás seleccionar el grupo de Facebook del que obtendrás la cronología.

Para empezar, simplemente haz clic en ‘Agregar nuevo’.

En la siguiente pantalla, selecciona el botón de opción junto a ‘Grupo’.

Después de eso, simplemente haz clic en ‘Connect to Facebook.’

Esto abre una ventana emergente donde puedes iniciar sesión en tu cuenta de Facebook. Luego, elige el grupo que deseas usar.

Después de marcar la casilla junto a uno o más grupos, simplemente haz clic en ‘Siguiente’.

Ahora deberías ver una ventana emergente pidiéndote que instales la aplicación Smash Balloon WordPress.

Dado que ya instalamos esta aplicación, puedes continuar y hacer clic en ‘Listo’.

Cómo crear un feed de grupo de Facebook en WordPress

Ahora que has agregado tu grupo de Facebook a Smash Balloon, aparecerá como una opción. Simplemente haz clic para seleccionar el grupo y luego haz clic en ‘Siguiente’.

En esta pantalla, puedes elegir una plantilla que usarás para crear el feed personalizado de Facebook en WordPress.

Todas estas plantillas son completamente personalizables, por lo que puedes ajustar el diseño según cómo quieras mostrar las actualizaciones de estado, videos y fotos de tu grupo de Facebook.

Estamos usando la plantilla 'Simple Masonry', pero puedes elegir la que quieras.

Smash Balloon procederá a crear el feed de redes sociales basándose en tu grupo de Facebook y la plantilla que hayas elegido.

Este es un buen comienzo, pero Smash Balloon tiene muchas configuraciones que puedes usar para personalizar cómo se ve este feed de grupo en tu blog de WordPress.

Cómo personalizar tu feed de grupo de Facebook

El plugin Smash Balloon te ofrece muchas formas de personalizar cómo aparece el feed en tu sitio web. Vale la pena explorar los cambios que puedes hacer.

En la pantalla de Facebook Feed » All Feeds, busca tu feed de grupo y luego haz clic en su botón ‘Editar’, que parece un pequeño lápiz.

Esto abre el editor de feeds de Smash Balloon, que muestra una vista previa de tu línea de tiempo de Facebook en WordPress.

En el lado izquierdo, verás todas las diferentes configuraciones que puedes usar para personalizar cómo aparecen las publicaciones en tu sitio. La mayoría de estas configuraciones se explican por sí mismas, pero cubriremos rápidamente algunas áreas clave.

Si deseas cambiar la plantilla que estás utilizando, simplemente haz clic en ‘Template’.

Luego, selecciona el botón 'Cambiar'.

Para empezar, puedes cambiar cómo se muestran tus publicaciones de grupo haciendo clic en ‘Feed Layout’.

En esta pantalla, puedes alternar entre diseños de mosaico y de lista y cambiar la altura del feed. A medida que realices cambios, la vista previa se actualizará automáticamente, para que puedas probar diferentes configuraciones y ver cuál se ve mejor para tu grupo de Facebook.

Por defecto, el feed de grupo de Facebook mostrará un número diferente de publicaciones en computadoras de escritorio y dispositivos móviles.

Puedes previsualizar cómo se verá tu feed en computadoras de escritorio, tabletas y teléfonos inteligentes usando la fila de botones en la esquina superior derecha.

Después de probar la versión móvil de tu sitio web de WordPress, es posible que desees cambiar el número de publicaciones que muestras en teléfonos inteligentes y tabletas.

Para hacer este cambio, simplemente busca la sección ‘Number of Posts’ y escribe un número diferente en el campo ‘Mobile’.

También es posible que desees mostrar menos columnas en teléfonos inteligentes y tabletas cambiando la configuración de ‘Columns’.

Por ejemplo, en la siguiente imagen, estamos dividiendo el contenido en 3 columnas en escritorio, 2 columnas en tabletas y 1 columna en dispositivos móviles.

Cuando estés satisfecho con el diseño, haz clic en el enlace ‘Personalizar’.

Esto te llevará de regreso al editor principal de Smash Balloon, listo para que pases a la siguiente pantalla de configuración, que es ‘Esquema de color’.

Por defecto, Smash Balloon utiliza el mismo esquema de colores que tu tema de WordPress, pero en esta pantalla, puedes cambiar a un esquema de color ‘Claro’ u ‘Oscuro’.

Otra opción es diseñar tu propio esquema de colores seleccionando ‘Personalizado’ y luego usando los controles para cambiar el color de fondo, cambiar el color del texto en WordPress, y más.

Puedes agregar una cabecera encima de tu feed de grupo, la cual puede incluir contenido como la foto de perfil y el nombre de tu grupo. Esto puede ayudar a los visitantes a entender el contenido que están viendo y cómo pueden encontrar tu grupo en Facebook.

Para agregar una sección de cabecera, simplemente haz clic en ‘Cabecera’ en el menú de la izquierda.

En esta pantalla, haz clic en el control deslizante 'Habilitar' para cambiarlo de gris a azul.

Después de agregar una sección de cabecera, puedes usar los controles para cambiar el tamaño de la cabecera, cambiar el color de fondo, ocultar o mostrar la foto de perfil de Facebook, y más.

Si deseas eliminar la cabecera en cualquier momento, simplemente haz clic para desactivar el interruptor ‘Habilitar’.

Después de eso, puedes cambiar la apariencia de las publicaciones individuales dentro de tu feed de grupo seleccionando ‘Estilo de publicación’ en el menú de la izquierda.

Para empezar, puedes elegir entre diseños de publicación en miniatura, de ancho medio y de ancho completo.

El diseño de miniatura muestra tu feed de Facebook de WordPress con imágenes pequeñas.

Puedes ver un ejemplo de esto en la siguiente imagen.

¿Quieres mostrar imágenes más grandes en su lugar?

Entonces puedes seleccionar ancho medio como diseño de tu publicación.

Finalmente, si deseas mostrar tu feed de Facebook con las imágenes más grandes posibles, puedes elegir el diseño de ancho completo.

Aquí tienes un ejemplo de cómo se verá esto en tu sitio web de WordPress:

Cuando estés contento con el diseño general, es hora de ajustar el contenido específico dentro de cada publicación.

Para empezar, haz clic en 'Estilo de publicación'.

En esta pantalla, puedes elegir entre un diseño normal y uno en caja.

Si seleccionas 'Enmarcado', entonces puedes crear un fondo de color para cada publicación. También puedes hacer que el radio del borde sea más grande para crear esquinas curvas y agregar una sombra de caja.

Si eliges ‘Normal’, puedes cambiar el grosor y el color de la línea que separa tus diferentes publicaciones de redes sociales.

En la siguiente imagen, hemos agregado una línea más gruesa a la fuente del grupo y hemos cambiado su color.

También puedes personalizar las partes individuales dentro de cada publicación volviendo a la pantalla de configuración principal.

Una vez más, selecciona 'Estilo de publicación', pero esta vez, elige 'Editar elementos individuales' en su lugar.

Ahora verás todo el contenido diferente que Smash Balloon incluye en cada publicación, como el autor de la publicación, la fecha, el cuadro de enlace compartido y más.

Para eliminar una parte del contenido de tus publicaciones, simplemente haz clic para desmarcar su casilla.

También puedes personalizar cómo se ve cada tipo de contenido haciendo clic en él.

Por ejemplo, en la siguiente imagen, puedes ver la configuración para cambiar el tamaño y el color de los enlaces de 'acción de publicación', como me gusta, compartir y comentar.

También puedes cambiar el texto de ‘Ver en Facebook’ escribiendo en el campo ‘Personalizar texto’.

Por defecto, Smash Balloon no agrega un botón de ‘Me gusta’ de Facebook a tu feed. Este botón facilita que los visitantes se unan a tu grupo, por lo que es posible que desees agregarlo a tu feed seleccionando la configuración de ‘Caja de Me gusta’.

Luego, simplemente haz clic en ‘Habilitar’ para que el interruptor se ponga azul.

Ahora puedes usar el menú desplegable ‘Posición’ para agregar la caja de ‘Me gusta’ debajo o encima del feed del grupo.

También puedes usar estas configuraciones para cambiar el ancho de la caja o agregar la foto de portada del grupo.

Un gran número de seguidores es una excelente prueba social que animará a más personas a unirse a tu grupo de Facebook. Teniendo esto en cuenta, es posible que desees hacer clic para habilitar el interruptor ‘Mostrar fans’.

Cuando estés satisfecho con la configuración del botón de ‘Me gusta’, puedes pasar a la configuración del ‘Botón Cargar más’.

El botón ‘Cargar más’ ofrece a los visitantes una forma fácil de desplazarse por más contenido de tu feed. Si disfrutan de este contenido, podrían decidir unirse a tu grupo de Facebook.

Teniendo esto en cuenta, es posible que desees hacer que este botón destaque cambiando su color de fondo, estado al pasar el cursor y color del texto.

Este botón muestra ‘Cargar más’ por defecto, pero puedes agregar un mensaje personalizado escribiéndolo en el campo ‘Texto’.

Smash Balloon tiene una función de lightbox que permite a los visitantes ver los videos de tu grupo y observar más de cerca tus fotos sin salir de WordPress.

Los visitantes pueden simplemente hacer clic en cualquier miniatura de video o foto para abrir la ventana emergente del lightbox.

Luego, pueden desplazarse por el resto de las imágenes y videos en el feed usando las flechas, similar a incrustar un álbum de Facebook en WordPress.

Para personalizar la lightbox predeterminada, simplemente selecciona 'Lightbox' en el menú de la izquierda.

Aquí, puedes cambiar el color del texto, los enlaces y el fondo de la lightbox.

La ventana emergente de la lightbox facilita a los visitantes la exploración de tu feed y les permite desplazarse por tus fotos y videos sin visitar tu grupo de Facebook.

Si deseas atraer más visitantes a tu grupo de Facebook, es posible que quieras deshabilitar la función de lightbox. Para hacerlo, simplemente haz clic en el interruptor 'Habilitar' para que cambie de azul a gris.

Ahora, si un visitante hace clic en cualquier foto o video en el feed del grupo, será dirigido a tu grupo de Facebook en una nueva pestaña.

Cuando estés satisfecho con la apariencia del feed de tu grupo de Facebook, recuerda hacer clic en 'Guardar' para almacenar tus cambios.

Ahora estás listo para agregar este feed a tu sitio web de WordPress.

Cómo incrustar el feed de tu grupo de Facebook en WordPress

Puedes agregar el feed de tu grupo de Facebook a WordPress usando un bloque, widget o shortcode.

Si has creado más de un feed usando Smash Balloon, necesitarás conocer el código del feed si vas a usar un bloque o widget.

Para obtener esta información, simplemente ve a Feed de Facebook » Todos los Feeds y luego copia el texto debajo de 'Shortcode'.

En la siguiente imagen, necesitaremos usar custom-facebook-feed feed=1.

Si deseas incrustar el feed de tu grupo de Facebook en una página o publicación, puedes usar el bloque 'Feed de Facebook Personalizado'.

Simplemente abre la página o publicación donde deseas incrustar el feed de Facebook. Luego, haz clic en el ícono '+' para agregar un nuevo bloque y comienza a escribir 'Feed de Facebook Personalizado'.

Cuando aparezca el bloque de Facebook, haz clic para agregarlo a tu página o publicación.

El bloque mostrará una de tus fuentes de Smash Balloon por defecto. Si esta no es la fuente de tu grupo de Facebook, busca la sección 'Configuración de código corto' en el menú de la derecha.

Ahora puedes proceder a agregar el código custom-facebook-feed feed=1, luego haz clic en el botón 'Aplicar cambios'.

Después de eso, simplemente publica o actualiza la página para que la fuente del grupo esté activa en tu sitio web.

Otra opción es agregar el feed a cualquier área lista para widgets, como la barra lateral o una sección similar. Esto permite a los visitantes ver el feed de tu grupo sin importar dónde se encuentren en tu sitio web.

Para empezar, simplemente ve a Apariencia » Widgets en el panel de WordPress y luego haz clic en el botón azul ‘+’.

Una vez que hayas hecho eso, comienza a escribir ‘Custom Facebook Feed’ en la barra de búsqueda.

Cuando aparezca el widget correcto, arrástralo a donde quieras mostrar el feed.

El widget mostrará uno de los feeds que creaste usando Smash Balloon.

Si este no es el feed de tu grupo de Facebook, escribe el código del feed en el cuadro ‘Configuración de Shortcode’. Luego, haz clic en ‘Aplicar Cambios’.

Ahora puedes hacer clic en el botón ‘Actualizar’ para que el widget esté activo. Para más información, consulta nuestra guía completa sobre cómo agregar y usar widgets en WordPress.

Finalmente, puedes incrustar el feed del grupo de Facebook en cualquier página, publicación o área lista para widgets usando un shortcode.

Simplemente ve a Facebook Feed » Todos los Feeds y copia todo el código de la columna ‘Shortcode’. Ahora puedes agregar este código a cualquier bloque de shortcode.

Para más información, por favor consulta nuestra guía detallada sobre cómo agregar un shortcode en WordPress.

Nota: Si estás utilizando un tema habilitado para bloques, puedes usar el editor de sitio completo para agregar el bloque ‘Custom Facebook Feed’ en cualquier parte de tu sitio.

Extra: Obtén más Me gusta en Facebook usando WordPress

Si tienes una página de Facebook para tu tienda en línea o negocio, querrás que los usuarios la visiten y den me gusta a tu contenido de Facebook para agregar prueba social y ganar más seguidores.

One way to do this is by adding your Facebook Group feed to your website. However, you can also add a Facebook like and share button next to your blog posts to encourage users to share your content with their friends.

To further boost your Facebook following, you can use Uncanny Automator.

During testing, we found it really easy to use the tool. It allowed us to set up a workflow where every time we publish a post on our website, a Facebook post automatically goes live.

For details, see our tutorial on how to automatically post to Facebook from WordPress.

Or, you can see our full Uncanny Automator review.

You can also run giveaways and contests on your Facebook group, reply to comments on your posts, and even add a Facebook events calendar on your website.

This will help add social proof and boost your following on your Facebook Group or page.

For more suggestions, see our beginner’s guide on quick ways to get more Facebook likes using WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar un grupo de Facebook a tu sitio web de WordPress. También te puede interesar ver nuestra hoja de trucos completa de redes sociales o ver nuestras selecciones de expertos para los mejores plugins de Facebook para tu blog.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.