Cómo mostrar su línea de tiempo de Facebook en WordPress

¿Quieres mostrar las publicaciones de tu cronología de Facebook en tu sitio web?

Al agregar sus actualizaciones de Facebook a su sitio web, puede mantener a los usuarios actualizados con el estado en tiempo real e incluso aumentar sus seguidores en Facebook.

En este artículo, le mostraremos cómo mostrar fácilmente su línea de tiempo de Facebook en WordPress.

Tutorial en video

Si prefiere instrucciones escritas, siga leyendo.

Visualización de su línea de tiempo de Facebook en WordPress

Vamos a utilizar Facebook Feed Pro personalizado de Smash Balloon para agregar nuestra línea de tiempo de Facebook a nuestro sitio web de WordPress.

Primero, debe ir al sitio web de Smash Balloon y descargar el Complemento personalizado de Facebook Feed Pro.

A continuación, debe instalar y activar el complemento en su sitio. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Nota: También hay una versión gratuita del complemento, llamada Feed de publicaciones sociales de Smash Balloon. Esto funciona bien para mostrar texto y enlaces desde su línea de tiempo. Sin embargo, no mostrará fotos.

Tras la activación, vaya a Feed de Facebook »Configuración en su panel de WordPress. Aquí, deberá conectar su cuenta de Facebook.

Conecte su cuenta de Facebook al complemento de alimentación personalizada de Facebook

A continuación, debe decidir si desea mostrar una página de Facebook o una línea de tiempo grupal. Usaremos nuestra página de Facebook.

Nota: No puede mostrar una línea de tiempo de su perfil personal. Esto se debe a la política de privacidad de Facebook.

Continuar conectando Facebook Feed Pro a Facebook

Luego, Facebook le pedirá que acepte y le dé permiso a Smash Balloon para acceder a su cuenta de Facebook. Simplemente siga las instrucciones en pantalla.

A continuación, volverá a ver la página Configuración personalizada de feeds de Facebook, con una ventana emergente que le pedirá que seleccione qué página utilizar. Haga clic en la página que desee y luego haga clic en el botón ‘Conectar esta página’:

Seleccione la página de Facebook que desea conectar a su sitio web

Ahora debería ver su página en la sección ‘Cuentas conectadas’ de los ajustes de configuración de la fuente de Facebook personalizada. No olvide hacer clic en el botón ‘Guardar configuración’ para guardarlo.

Asegúrese de hacer clic en el botón para guardar los cambios en su configuración

Ahora es el momento de seguir adelante y agregar la línea de tiempo de Facebook desde su página a su sitio. Simplemente abra la publicación o la página donde desea colocar su línea de tiempo, o cree una nueva publicación o página.

También es posible agregar su línea de tiempo a su barra lateral de WordPress, que cubriremos más adelante en este tutorial.

Vamos a crear una nueva página yendo a Páginas »Agregar nuevo. En la pantalla de edición de página, haga clic en el icono (+) para agregar el bloque de Feed personalizado de Facebook en el editor de bloques de WordPress:

Agregar el bloque de alimentación de Facebook a una página

Puede ver la vista previa de su feed de Facebook de inmediato en el editor de contenido. Continúe y obtenga una vista previa o publique su página para verla en su sitio. Aquí está nuestra línea de tiempo de Facebook:

La línea de tiempo de nuestra página de Facebook se muestra en nuestra página de WordPress

Hemos agregado algunos estilos a nuestra línea de tiempo para que se vea genial en nuestro sitio. A continuación, veremos cómo personalizar su propia línea de tiempo de Facebook utilizando Custom Facebook Feed Pro.

Personalización de su línea de tiempo de Facebook con Smash Balloon Facebook Feed Pro

Custom Facebook Feed Pro te permite cambiar todo tipo de opciones sobre tu línea de tiempo. Repasemos algunas de las claves.

Simplemente ve al Feed de Facebook »Configuración página en su panel de WordPress.

Desplácese hacia abajo hasta la sección ‘Configuración’ y verá algunas opciones clave. Por ejemplo, puede decidir que solo desea mostrar 5 publicaciones:

Cambiar la cantidad de publicaciones que se muestran en la línea de tiempo de Facebook en el sitio web

También hay muchos ajustes en el Feed de Facebook »Personalizar página que quizás desee probar. Esta página le ofrece muchas opciones diferentes para elegir en diferentes pestañas.

Las opciones de personalización para el complemento de feed de Facebook personalizado

Para cambiar el diseño de su línea de tiempo, simplemente haga clic en la pestaña ‘Diseño de publicación’. Hemos seleccionado el estilo ‘Medio ancho’ para nuestras publicaciones en la parte superior aquí. No olvide hacer clic en el botón ‘Guardar cambios’ después de realizar cualquier cambio:

Usar publicaciones de medio ancho para la línea de tiempo de Facebook

A continuación, vaya a la pestaña ‘Estilo de publicaciones’ para cambiar el estilo de sus publicaciones. Creemos que el estilo ‘Boxed’ aquí se ve muy bien. Le hemos dado a nuestras publicaciones esquinas redondeadas más una sombra:

Cambiar el estilo de las publicaciones de Facebook en la línea de tiempo agregando un cuadro y esquinas redondeadas

Nuevamente, asegúrese de guardar sus cambios antes de salir de la página.

Agregar su línea de tiempo personalizada de Facebook en la barra lateral de WordPress

¿Qué sucede si desea mostrar su línea de tiempo de Facebook en su barra lateral en lugar de en una publicación o página? Puede hacerlo fácilmente con las fuentes de Facebook personalizadas.

Primero, ve al Apariencia »Widgets página en su área de administración de WordPress. Luego, arrastre un widget de ‘Texto’ a donde desee su línea de tiempo dentro de su barra lateral. Ahora, simplemente ingrese el código corto [custom-facebook-feed] en el widget y guárdelo.

Agregar una fuente de Facebook personalizada a un widget

Su línea de tiempo de Facebook ahora aparecerá en la barra lateral de su sitio web:

Ver la línea de tiempo de Facebook en su barra lateral

Esperamos que este artículo le haya ayudado a aprender a mostrar su línea de tiempo de Facebook en WordPress. También puede consultar nuestros artículos sobre formas sencillas de aumentar el tráfico de su blog y los mejores complementos de WordPress.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario