Cómo añadir un carrusel de noticias de Facebook a WordPress (Actualizado)
Inicio Blog Cómo añadir un carrusel de noticias de Facebook a WordPress (Actualizado)

Cómo añadir un carrusel de noticias de Facebook a WordPress (Actualizado)

Cómo añadir un carrusel de noticias de Facebook a WordPress

¿Quieres mostrar tu contenido de Facebook en un elegante control deslizante que ahorra espacio?

Mostrar un carrusel de noticias de Facebook utilizando una herramienta como Facebook Feed Pro puede mantener tu sitio web actualizado, aumentar la participación e incluso hacer crecer tu número de seguidores en las redes sociales.

Por defecto, Facebook no ofrece una forma sencilla de integrar un carrusel directamente en tu sitio web.

Aunque puedes incrustar publicaciones individuales, para crear un control deslizante dinámico que se actualice automáticamente se necesita una herramienta especializada.

En su lugar, puedes utilizar Facebook Feed Pro para conectar fácilmente tu página de Facebook, personalizar la apariencia del carrusel e integrarlo en tu sitio web mediante un sencillo bloque de WordPress.

En este tutorial, te mostraremos exactamente cómo añadir un carrusel de noticias de Facebook a WordPress utilizando el mejor plugin del mercado.

Antes de entrar en los pasos técnicos, veamos por qué un carrusel suele ser mejor que una lista estándar:

  • Ahorra espacio: muestra más contenido sin ocupar espacio vertical en tu página de inicio.
  • Interacción del usuario: los carruseles pueden animar a los usuarios a hacer clic y deslizar el dedo, y a permanecer más tiempo en tu sitio web.
  • Atractivo visual: ideal para mostrar álbumes o productos directamente en tu página de inicio.
  • Aumenta las ventas: muestra un carrusel con opiniones positivas de los clientes para impulsar las conversiones y las ventas.
  • Crece en Facebook: muestra tu mejor contenido de Facebook para convertir a los visitantes en seguidores.
Ejemplo de un carrusel de noticias de Facebook en un sitio web.

Añadir un carrusel de Facebook a WordPress es técnicamente posible, pero resulta bastante complicado y conlleva algunas restricciones molestas.

Además de lidiar con códigos complejos, tendrás que registrarte como desarrollador de aplicaciones en Facebook sólo para empezar.

ejemplo de incrustación manual de contenidos de facebook

Además, no puedes cambiar el diseño sin modificar el código. Un error ahí puede incluso romper tu sitio web.

Para evitarte todos estos quebraderos de cabeza, puedes utilizar un plugin de feed de Facebook que admita carrusel.

Existen varias opciones, pero te recomiendo el plugin Facebook Feed Pro.

página de inicio de facebook feed pro

Con esta herramienta, puedes crear un bonito carrusel en Facebook con unos pocos clics. Además, el feed tendrá botones de "Me gusta" y "Compartir", para que puedas convertir el tráfico de tu sitio web en participación en Facebook.

Como extra, he aquí algunos de los aspectos más destacados del plugin que lo hacen sobresalir del resto:

  • Fácil de usar: Hay un flujo guiado de 3 pasos para que casi cualquier persona pueda empezar a usarlo, sin necesidad de conocimientos técnicos.
  • Personalizable: puedes elegir temas y plantillas para importar rápidamente bonitos diseños de feeds y personalizarlos al detalle con el personalizador en vivo.
  • Muchos tipos de feeds: Podrás incrustar álbumes de Facebook, fotos, cronologías de páginas, reseñas, eventos de Facebook y mucho más.
  • Ligero: Facebook Feed Pro ha sido optimizado e incluso viene con caché inteligente, por lo que tu carrusel carga lo más rápido posible, lo que es ideal para tu posicionamiento en los motores de búsqueda.
  • Altamente valorado: el complemento tiene una valoración de 4,9/5 estrellas con más de 250 000 usuarios, y la gente parece bastante satisfecha con las funciones y la atención al cliente.
opiniones de usuarios de facebook

Como puedes ver, Facebook Feed Pro puede ayudarte en muchos aspectos. Es una forma segura de mantener a tus visitantes comprometidos, aumentar tus seguidores y mucho más.

Y si quieres probar este plugin, puedes conseguir una copia de Facebook Feed Pro aquí.

Cómo añadir un carrusel de noticias de Facebook a WordPress

¿Estás listo para añadir un carrusel de Facebook a tu sitio web? A continuación te explico todo el proceso para que puedas seguirme:

Paso 1: Instala el plugin Facebook Feed Pro

Lo primero es lo primero, puedes ir y conseguir tu copia del plugin Facebook Feed Pro. También puedes descargar la extensión Carousel aquí.

Una vez que haya terminado de descargar ambos plugins, simplemente instálelos y actívelos en su sitio web WordPress.

Si estás atascado, también tienes esta práctica guía sobre cómo instalar un plugin de WordPress.

El siguiente paso es activar el complemento de carrusel para tu sitio de WordPress. Para ello, en primer lugar, ve al menú Facebook Feed " Extensiones de tu panel de control.

En esta nueva página, busque la sección Carrusel y haga clic en el botón Activar.

activar extensión carrusel facebook

Paso 3: Crear un nuevo feed de Facebook

Ahora, es el momento de seguir adelante y crear un nuevo feed de Facebook en tu sitio.

En primer lugar, ve al menú Facebook Feed " All Feeds de tu panel de control de WordPress y haz clic en el botón Añadir nuevo .

añadir nuevo feed de facebook usando el plugin

El plugin te mostrará todos los tipos de feeds que puedes utilizar para tu carrusel de feeds de Facebook.

Aquí puedes ver 9 opciones diferentes, incluyendo feeds de cronología, feeds de fotos, feeds de álbumes, feeds de reseñas y mucho más.

seleccione el tipo de feed de facebook

Seleccione el tipo de alimentación que desee y, a continuación, pulse el botón Siguiente para continuar.

Para nuestro tutorial utilizaré una línea de tiempo.

Paso 4: Conecta tu feed a Facebook

Ahora que tienes un nuevo feed de Facebook, es hora de conectarlo a una página de Facebook.

Haga clic en el botón Añadir nuevo de la ventana emergente para empezar.

añadir nueva fuente facebook feed pro

A continuación, puedes elegir entre conectar una página de Facebook o introducir tu token de acceso a la API.

Si ya tiene un token, puede introducirlo aquí para conectar su cuenta manualmente.

Si no, basta con hacer clic en el botón Conectar con Facebook.

conecta tu sitio elementor a facebook

Después, el complemento te redirigirá a Facebook para que puedas seleccionar la cuenta de Facebook que deseas conectar.

Haga clic en el botón Continuar para seguir adelante.

smash balloon facebook access

El plugin te pedirá acceso de sólo lectura a tu perfil de Facebook. Esto permite a Facebook Feed Pro ver tu información, pero no puede hacer ningún cambio.

Básicamente, esto significa que el uso del plugin es completamente seguro.

Para continuar, basta con hacer clic en el botón Añadir de la ventana emergente.

confirma tu fuente para los feeds de facebook

Una vez hecho esto, puedes seleccionar esta página de Facebook como fuente para tu feed de carrusel.

A continuación, pulsa el botón Siguiente y habrás terminado.

continuar después de elegir facebook fuente

Después de conectar tu feed a Facebook, el plugin te ofrecerá diferentes temas prediseñados que puedes importar.

Cada uno de estos temas viene con un aspecto diferente que cambiará la forma en que los mensajes aparecen en su sitio web:

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

Una vez seleccionado el tema, haz clic en Siguiente para continuar.

selecciona tu tema de facebook para el widget

Después de cambiar el aspecto de tu feed importando un tema, puedes seleccionar una plantilla de feed.

Al elegir diferentes plantillas, puedes cambiar el diseño de tus publicaciones de Facebook, el encabezado y mucho más.

Seleccione aquí una plantilla y haga clic en Siguiente.

seleccione su plantilla de feed widget de facebook

Una vez que hayas importado una plantilla de feed, podrás ver tu feed abierto en el editor de feeds en directo.

Hacia la izquierda, puedes encontrar todas las opciones de personalización para tu feed. Con ellas, puedes cambiar el diseño del feed, la combinación de colores, el estilo de la caja, el estilo de la cabecera y mucho más.

live feed editor for facebook feed pro

Permítanme mostrarles cómo activar el diseño de carrusel y cambiar algunas otras opciones de personalización aquí.

Para empezar con la personalización, haga clic en la opción Diseño de la fuente de la izquierda.

feed layout facebook elementor feed

Ahora, selecciona la opción Carrusel para activar el diseño de carrusel para tu feed de Facebook.

elegir un diseño de carrusel para el feed de facebook

Una vez seleccionado el diseño del carrusel, verás una vista previa en tiempo real de tu nuevo carrusel de feeds de Facebook a la derecha.

A continuación, puede desplazarse hacia abajo a la izquierda y encontrar las opciones para cambiar las Columnas de escritorio y las Columnas móviles.

Cambia las filas y columnas de tu feed.

También puedes elegir mostrar flechas de navegación o paginación para tu carrusel de Facebook.

Recuerda guardar los cambios una vez que estés satisfecho con tu feed de Facebook.

Ahora, puede hacer clic en el botón Personalizar para volver a ver todas las opciones de personalización.

volver a las principales opciones de personalización de facebook

En la página principal de personalización, selecciona la opción Esquema de colores.

Esto te permitirá configurar los colores de tu nuevo feed de Facebook con solo unos clics.

seleccionar opciones de combinación de colores facebook elementor

Con el plugin Facebook Feed Pro, puedes elegir entre 4 esquemas de color diferentes:

  • Hereda del Tema: Copia los colores de su sitio
  • Claro: Fondo claro con fuente oscura
  • Oscuro: fondo oscuro junto con un color de fuente claro
  • Personalizados: Selecciona manualmente todos los colores
opciones de combinación de colores para elementor facebook feed

Seleccione la combinación de colores que prefiera y vuelva a hacer clic en Guardar.

Y así de fácil, puedes personalizar tu nuevo carrusel de noticias de Facebook con el editor de noticias en directo. Con estas opciones, puedes configurar el tipo de feed, el estilo de la foto de portada, los elementos de la publicación y mucho más.

Cuando hayas terminado con la personalización, haz clic en Guardar.

En este paso, finalmente puedes publicar tu nuevo carrusel de noticias de Facebook en tu sitio. Puedes hacerlo de 2 maneras diferentes:

  • Inserta el carrusel de noticias de Facebook en tu página
  • Inserta el carrusel de feeds de Facebook en tu barra lateral o pie de página

Puedes incrustar fácilmente tus feeds de Facebook en la página de tu sitio utilizando el editor de feeds en directo. Primero, haz clic en el botón Incrustar de la parte superior.

incrusta tu feed de facebook elementor

A continuación, verás una ventana emergente que te preguntará dónde quieres incrustar tu carrusel de feeds de Facebook. Incluso puedes copiar el shortcode si quieres incrustar manualmente los feeds de las redes sociales.

Para continuar, sólo tiene que seleccionar la opción Añadir a una página.

añadir feed de facebook a la página

Después de eso, la ventana emergente le mostrará una lista de sus páginas de WordPress.

Para proceder, elige una página para tu feed de Facebook y haz clic en el botón Añadir .

seleccionar página para facebook feed

Al hacerlo, se abrirá esa página en el editor Gutenberg de WordPress.

Ahora haga clic en el pequeño icono de signo más (+) para añadir un nuevo bloque.

añadir bloque de contenido para facebook feed

A continuación, puedes buscar "facebook" en la barra de búsqueda de la parte superior.

A continuación, selecciona el widget Custom Facebook Feed en los resultados de búsqueda que aparecen a continuación.

facebook feed pro block

A continuación, haz clic en Publicar y habrás añadido el carrusel de noticias de Facebook a tu sitio web.

Ya puede abrir su sitio web para comprobar su aspecto.

ejemplo de carrusel de facebook en wordpress

Como puedes ver, es muy fácil mostrar feeds en tus páginas con la ayuda de Facebook Feed Pro. Realmente es el mejor plugin de WordPress para Facebook del mercado.

A continuación, vamos a ver cómo puedes incrustar widgets de Facebook en tu sitio utilizando este plugin.

Con el editor de feeds en directo, también puedes añadir tu nuevo feed en carrusel en la barra lateral o en el pie de página de tu sitio.

Para abrir de nuevo el editor de feeds en directo, ve al menú Facebook Feed " All Feeds desde tu panel de control de WordPress.

Allí podrás ver todos tus feeds de Facebook.

Para continuar, haz clic en tu nuevo feed carrusel de Facebook.

volver a abrir el widget de feed de facebook

Ahora estarás de vuelta en el editor de tu feed en directo. Para empezar a incrustar el carrusel de noticias de Facebook, haz clic en Incrustar.

incrusta tu feed de facebook elementor

En la nueva ventana emergente, puedes elegir dónde quieres incrustar tu feed de Facebook.

Por ahora, seleccione la opción Añadir a un widget .

añadir feed de facebook como widget

Al hacer clic, accederás a la página de widgets de tu sitio de WordPress. Aquí puedes añadir tu feed carrusel al pie de página o a la barra lateral como widget de Facebook.

Ahora haga clic en el panel Sidebar aquí para continuar.

seleccione la barra lateral para el widget

Pero si quieres incrustar tu feed de Facebook en el pie de página, puedes hacer clic en el panel Pie de página .

Para este tutorial, voy a ir con la opción de pie de página.

abrir panel de pie de página

A continuación, haz clic en el icono más (+) para añadir un nuevo widget al panel.

Por último, elige el widget Custom Facebook Feed de entre todas las opciones para incrustar tu feed de Facebook.

insertar widget de feed de facebook en la barra lateral

Pulse el botón Actualizar para terminar.

Después de eso, puedes abrir tu sitio para ver tu carrusel con el contenido de Facebook mostrado en tu área de la barra lateral.

facebook footer carousel widget ejemplo

¡Y ya está!

Ahora ya sabes cómo añadir un carrusel de feeds de Facebook a tu sitio WordPress. Es bastante fácil, como puedes ver. No hay necesidad de códigos complejos, y todo lo que necesita es la herramienta adecuada.

Una vez que elijas las publicaciones adecuadas para tu carrusel, podrás atraer fácilmente a los visitantes y aumentar el número de seguidores en Facebook.

¿Estás listo para integrar carruseles de Facebook? Empieza a utilizar Facebook Feed Pro hoy mismo.

¿Quieres mostrar contenidos atractivos de Instagram en tu sitio web? Sigue esta guía para aprender a incrustar feeds de Instagram en tu web.

Preguntas frecuentes

¿Puedo mostrar fotos en el carrusel en lugar de publicaciones?

Sí. Al crear tu feed en el paso 2, selecciona «Fotos» en lugar de «Biografía». El diseño de carrusel funciona perfectamente para álbumes de fotos.

¿Este plugin ralentiza mi sitio web?

No. Custom Facebook Feed Pro utiliza mecanismos de almacenamiento en caché inteligentes. Almacena los datos de Facebook temporalmente en tu base de datos de WordPress para no tener que solicitar datos a Facebook cada vez que se carga una página, lo que mantiene la rapidez de tu sitio web.

¿Puedo combinar feeds de varias páginas de Facebook?

Sí. Puedes añadir varias fuentes en la configuración y crear una fuente mixta, o crear fuentes separadas para diferentes páginas e integrarlas en diferentes partes de tu sitio web.

¿Puedo mostrar las reseñas de Facebook utilizando un carrusel?

Sí, solo tienes que seleccionar «Reseñas» como tipo de feed y podrás disponer de un feed con testimonios positivos de clientes listos para convertir a los visitantes y aumentar tus ventas.

Más consejos y guías de marketing en 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.