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

¿Quieres mostrar tus publicaciones de la línea de tiempo de Facebook en WordPress?

Al agregar sus actualizaciones de Facebook a WordPress, puede mantener su sitio fresco e interesante y al mismo tiempo animar a los visitantes a seguirlo en Facebook.

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

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

La forma más fácil de incrustar su línea de tiempo de Facebook en WordPress es usando el complemento Feed de Facebook personalizado de Smash Balloon.

Este complemento le permite incrustar álbumes de Facebook, comentarios, reseñas, publicaciones de la comunidad y más en su sitio.

Para esta guía, usaremos Smash Balloon premium, ya que le permite mostrar fotos y videos de su línea de tiempo de Facebook.

Los visitantes también pueden desplazarse por su contenido en una ventana emergente de caja de luz, sin tener que abandonar su sitio web. Sin embargo, también hay una versión gratuita que le permite mostrar texto y enlaces desde su línea de tiempo, sin importar su presupuesto.

Tras la activación, deberá ir a Facebook Feed » Configuración e ingresar su clave de licencia en el campo 'Clave de licencia'.

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

Después de ingresar la clave, haga clic en el botón 'Activar'.

Conexión de una página o grupo de Facebook a WordPress

A continuación, debe decidir si desea mostrar la línea de tiempo desde una página de Facebook o una línea de tiempo grupal. Vamos a usar una página de Facebook, pero los pasos serán básicamente los mismos para los grupos de Facebook.

Para obtener una visión más detallada de los grupos, consulte nuestra guía completa sobre cómo incrustar un feed de grupo de Facebook en WordPress.

Para conectar su página o grupo de Facebook a WordPress, vaya a Feed de Facebook » Todos los feeds y luego haga clic en 'Agregar nuevo'.

Smash Balloon te permite crear diferentes feeds para mostrar tus álbumes de fotos de Facebook, eventos, línea de tiempo y más.

Como queremos mostrar nuestra línea de tiempo de Facebook en WordPress, deberá hacer clic en 'Línea de tiempo' y luego en 'Siguiente'.

Después de eso, puede elegir la página o el grupo de Facebook que desea agregar a su sitio.

Simplemente haga clic en 'Agregar nuevo' para comenzar.

En la siguiente pantalla, elija si desea incrustar la línea de tiempo de una página o grupo.

Después de tomar esta decisión, continúe y haga clic en 'Conectarse a Facebook'.

Esto abre una ventana emergente donde puede iniciar sesión en su cuenta de Facebook y elegir las páginas o grupos que desea usar.

Después de eso, haga clic en 'Siguiente'.

Una vez que hayas hecho eso, Facebook mostrará toda la información a la que tendrá acceso Smash Balloon y las acciones que puede realizar en tu página o grupo de Facebook.

Para restringir el acceso de Smash Balloon a su cuenta de Facebook, simplemente haga clic en cualquiera de los interruptores para pasar de 'Sí' a 'No'. Solo tenga en cuenta que esto puede limitar el contenido de Facebook que aparece en su blog o sitio web de WordPress.

Con eso en mente, debe dejar todos los interruptores habilitados siempre que sea posible.

A continuación, haga clic en el botón 'Listo'.

Después de unos momentos, debería ver un mensaje que confirma que ha vinculado su sitio web de WordPress a Facebook. Ahora que lo ha hecho, es hora de hacer clic en 'Aceptar'.

Smash Balloon ahora lo llevará de regreso al tablero de WordPress automáticamente.

Cómo incrustar tu línea de tiempo de Facebook en WordPress

En este punto, verá una ventana emergente con el grupo o la página que acaba de conectar a WordPress.

Simplemente seleccione el botón de radio junto a esta fuente y luego haga clic en el botón 'Agregar'.

Si accidentalmente cerró la ventana emergente, no se preocupe. Simplemente actualice la pestaña para volver a abrir la ventana emergente.

Después de eso, WordPress lo llevará de regreso a la página Feed de Facebook » All Feeds automáticamente. Al igual que antes, haga clic en el botón 'Agregar nuevo', seleccione 'Línea de tiempo' y luego haga clic en el botón 'Siguiente'.

Ahora, seleccione su página o grupo de Facebook y haga clic en 'Siguiente'.

Puede elegir una plantilla para usar como punto de partida para su línea de tiempo incrustada. Todas estas plantillas son totalmente personalizables, por lo que puede ajustar el diseño según cómo desee mostrar la línea de tiempo en su sitio web de WordPress.

Estamos usando la plantilla 'Predeterminada', pero puede elegir cualquier plantilla que desee. También puede cambiar la plantilla en una fecha posterior si no está satisfecho con ella.

Cuando esté listo, haga clic en el botón 'Siguiente'.

Smash Balloon ahora seguirá adelante y creará un feed de línea de tiempo basado en su plantilla y su página o grupo de Facebook. Este es un buen comienzo, pero es posible que desee ajustar el aspecto de la línea de tiempo en su sitio de WordPress.

Cómo personalizar tu feed de Facebook integrado

El complemento Smash Balloon Custom Facebook Feed le brinda muchas formas de personalizar cómo aparece la línea de tiempo en su sitio. Con eso en mente, veamos los diferentes cambios que puedes hacer en tu línea de tiempo de Facebook.

En la página Feed de Facebook » Todos los feeds , busque su feed de línea de tiempo y luego haga clic en su botón 'Editar', que parece un lápiz pequeño.

Esto abre el editor de feeds de Smash Balloon, que muestra una vista previa del grupo de Facebook o la línea de tiempo de la página a la derecha.

En el lado izquierdo, verá todas las configuraciones que puede usar para cambiar la apariencia de la línea de tiempo. La mayoría de estas configuraciones se explican por sí mismas, pero cubriremos rápidamente cada área.

Si no está satisfecho con el aspecto del feed, puede probar con una plantilla diferente haciendo clic en la opción de menú 'Plantilla'.

Luego, seleccione el botón 'Cambiar'.

Después de eso, puede cambiar la forma en que se muestran sus publicaciones haciendo clic en 'Diseño de fuente'.

En esta pantalla, puede cambiar entre diseños de lista y de mampostería. A medida que realice cambios, la vista previa se actualizará automáticamente para que pueda probar diferentes diseños y ver cuál se ve mejor para su línea de tiempo de Facebook.

También puede cambiar la altura del feed y la cantidad de publicaciones que muestra Smash Balloon en computadoras de escritorio, teléfonos inteligentes y tabletas.

Si cambia la cantidad de publicaciones, puede obtener una vista previa de cómo se verá su feed en computadoras de escritorio y dispositivos móviles usando la fila de botones en la esquina superior derecha.

Al probar la versión móvil de su sitio web de WordPress, es posible que también desee cambiar la cantidad de columnas que muestra Smash Balloon en computadoras de escritorio, tabletas y teléfonos inteligentes.

Por ejemplo, en la siguiente imagen, estamos dividiendo el contenido en 4 columnas en computadoras de escritorio, 3 columnas en tabletas y 2 columnas en dispositivos móviles. Esto puede ayudar a que su línea de tiempo se ajuste cómodamente a la pantalla, sin importar qué tipo de dispositivo esté usando el visitante.

Cuando esté satisfecho con el diseño, haga clic en el enlace 'Personalizar'.

Esto lo llevará de regreso al editor principal de Smash Balloon, para que pueda pasar a la siguiente opción del menú, que es 'Esquema de colores'.

De manera predeterminada, su línea de tiempo usará los mismos colores que su tema de WordPress, pero esta pantalla también le permite cambiar entre los diseños 'Claro' y 'Oscuro'.

Incluso puede crear su propio esquema de color seleccionando 'Personalizado' y luego usando la configuración para cambiar el color de fondo, el color del enlace, cambiar el color del texto en WordPress y más.

De forma predeterminada, Smash Balloon agrega un encabezado a su feed, que es su foto de portada, foto de perfil y el nombre de su página de Facebook.

Para cambiar el aspecto de esta sección, haga clic en 'Encabezado' en el menú de la izquierda.

En esta pantalla, puede cambiar el tamaño del encabezado y el color, ocultar o mostrar su foto de perfil de Facebook y más.

También puede cambiar entre el encabezado 'Visual' predeterminado y un encabezado de 'Texto'.

¿Quieres eliminar el encabezado por completo? Luego simplemente haga clic en el interruptor 'Habilitar' para apagarlo.

Después de eso, puede cambiar la apariencia de las publicaciones individuales dentro de su feed de grupo seleccionando 'Estilo de publicación' en el menú de la izquierda.

En la siguiente pantalla, tendrás dos opciones diferentes.

Para comenzar, siga adelante y haga clic en 'Estilo de publicación'.

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

Si selecciona 'Encuadrado', puede crear un fondo de color para cada publicación. Esto puede ayudar a que tus publicaciones de Facebook se destaquen del resto de tu sitio web y también puede hacer que el texto sea más fácil de leer.

También puede agrandar el radio del borde para crear esquinas curvas, o puede agregar una sombra.

Si elige 'Normal', puede cambiar el grosor y el color de la línea que separa sus diferentes publicaciones en las redes sociales.

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

Una vez más, seleccione 'Estilo de publicación', pero esta vez elija 'Editar elementos individuales'.

En esta pantalla, verá todo el contenido diferente que Smash Balloon incluye en cada publicación de la línea de tiempo, como el autor de la publicación, el título del evento, el cuadro de enlace compartido y más.

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

También puede cambiar el tamaño y el color de estos elementos individuales. Simplemente haga clic en el nombre del elemento, como 'Autor de la publicación' o 'Texto de la publicación'.

A continuación, puede utilizar la configuración para personalizar este contenido. Por ejemplo, puede agrandar el texto para que se destaque o agregar un nuevo color.

De forma predeterminada, Smash Balloon no incluye el botón "Me gusta" de Facebook en su línea de tiempo. Para aumentar sus seguidores de Facebook, es posible que desee agregar este botón seleccionando 'Me gusta' en el menú de la izquierda del editor.

Después de eso, simplemente haga clic en el botón 'Habilitar' para que se vuelva azul.

De forma predeterminada, Smash Balloon agrega este botón debajo de la línea de tiempo, pero puede cambiarlo abriendo el menú desplegable 'Posición' y eligiendo 'Superior' en su lugar.

En esta pantalla, también puede cambiar el aspecto de la sección "Me gusta", lo que incluye agregar un llamado a la acción personalizado, mostrar cuántas personas lo siguen en Facebook, agregar la foto de portada de su página y más.

Cuando esté satisfecho con el aspecto del botón 'Me gusta', puede pasar a la configuración de 'Cargar más botón'.

El botón 'Cargar más' brinda a los visitantes una manera fácil de desplazarse por más de su línea de tiempo de Facebook, por lo que Smash Balloon lo agrega al feed de forma predeterminada.

Este es un buen comienzo, pero dado que es un botón tan importante, es posible que desee ayudarlo a destacarse cambiando el color de fondo, el estado de desplazamiento y la etiqueta.

También puede cambiar el texto que aparece en el botón, escribiendo en el campo 'Texto'.

Si prefiere eliminar el botón Cargar más, continúe y haga clic en el botón "Habilitar".

De forma predeterminada, Smash Balloon permite a los visitantes ver las fotos y videos en su línea de tiempo sin salir de su sitio web.

El visitante puede simplemente hacer clic en cualquier foto o video para abrir una ventana emergente, como puede ver en la siguiente imagen.

Luego, el visitante puede usar las flechas para desplazarse por todas las fotos y videos en su línea de tiempo de Facebook.

Si quieren que les guste una foto, dejar un comentario o compartir la imagen con sus amigos de Facebook, pueden hacer clic en el enlace 'Comentar en Facebook'.

Esto abre una nueva pestaña y lleva al visitante directamente a la publicación en su página de Facebook.

Hay algunas formas diferentes de personalizar la función de caja de luz de Smash Balloon. Para ver sus opciones, haga clic en 'Lightbox' en el menú de la izquierda.

Aquí puede cambiar el color del texto, los enlaces y el fondo de la caja de luz.

De forma predeterminada, el cuadro de luz muestra los comentarios que las personas han dejado en sus fotos y videos. Si prefiere ocultar estos comentarios, puede hacer clic en el interruptor 'Mostrar comentarios' para cambiarlo de azul (habilitado) a gris (deshabilitado).

La función de caja de luz permite a las personas desplazarse por sus fotos y videos directamente en su sitio web de WordPress.

Sin embargo, es posible que prefiera alentar a las personas a visitar su página de Facebook. En este caso, puede deshabilitar la función de caja de luz haciendo clic en el interruptor 'Habilitar'.

Ahora, el visitante deberá hacer clic en el enlace 'Ver en Facebook' para ver más de cerca cualquier foto o video.

Cuando esté satisfecho con el aspecto de la línea de tiempo de Facebook, no olvide hacer clic en "Guardar" para guardar los cambios.

Cómo agregar su línea de tiempo de Facebook a WordPress

Ahora está listo para agregar la línea de tiempo a su sitio web usando un bloque, un widget o un código abreviado.

Si ha creado más de un feed con Smash Balloon, necesitará saber el código del feed para agregarlo a un bloque o widget.

Simplemente vaya a Facebook Feed » All Feeds y luego mire la parte feed="" del shortcode. Deberá agregar este código al bloque o widget, así que anótelo.

En la siguiente imagen, necesitaremos usar feed="2" .

Si desea incrustar su línea de tiempo de Facebook en una página o publicación, le recomendamos que utilice el bloque 'Feed personalizado de Facebook'.

Simplemente abra la página o publicación donde desea mostrar su línea de tiempo de Facebook. Luego, haga clic en el ícono '+' y comience a escribir 'Feed personalizado de Facebook'.

Cuando aparezca el bloque correcto, haga clic para agregarlo a la página o publicación.

El bloque mostrará uno de tus feeds de Smash Balloon de forma predeterminada. Si este no es el feed que desea mostrar, simplemente busque 'Configuración de código corto' en el menú de la derecha.

Ahora puede agregar el código feed="" a este cuadro. Después de eso, haga clic en 'Aplicar cambios'.

El bloque ahora mostrará la línea de tiempo de su página o grupo de Facebook. Simplemente publique o actualice la página para que la línea de tiempo esté activa en su sitio web.

Alternativamente, puede agregar el feed a cualquier área lista para widgets, como la barra lateral o una sección similar. Esta es una manera fácil de promocionar su página de Facebook en todo su sitio web.

Simplemente vaya a Apariencia » Widgets y luego haga clic en el botón '+'.

Después de eso, busque el widget Feed personalizado de Facebook.

Luego, arrástrelo al área donde desea mostrar la línea de tiempo de Facebook.

Al igual que el bloque, el widget Feed personalizado de Facebook mostrará uno de los feeds que creaste con Smash Balloon.

Para mostrar un feed diferente, simplemente escriba el código de ese feed en el cuadro 'Configuración de código corto' y luego haga clic en 'Aplicar cambios'.

Ahora puede activar el widget haciendo clic en el botón 'Actualizar'. Para obtener más información, consulte nuestra guía paso a paso sobre cómo agregar y usar widgets en WordPress.

Finalmente, puede incrustar la línea de tiempo en cualquier página, publicación o área lista para widgets usando un código abreviado.

Simplemente vaya a Facebook Feed » All Feeds y copie el código en la columna 'Shortcode'. Ahora puede agregar este código a su blog o sitio web de WordPress.

Para obtener un tutorial detallado, consulte nuestra guía sobre cómo agregar un código abreviado en WordPress.

Además, si está usando un tema de bloque, puede usar el editor de sitio completo para agregar el 'Feed de Facebook personalizado' en cualquier parte de su sitio.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar tu línea de tiempo de Facebook en WordPress. También puede consultar nuestra guía sobre cómo crear un formulario de contacto en WordPress, o ver nuestra selección experta de los mejores complementos de WordPress para Instagram.

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