Cómo agregar un calendario de eventos de Facebook en WordPress (forma fácil)

Es posible que tengas un calendario de eventos lleno en Facebook, pero los visitantes de tu sitio de WordPress no lo sabrán a menos que muestres esos eventos directamente en tus páginas.

Una fuente de eventos de Facebook resuelve este problema al extraer eventos directamente de tu Página de Facebook y mostrarlos automáticamente en tu sitio web.

Esta guía te guía a través de toda la configuración, desde la creación de la aplicación de Facebook requerida hasta la personalización de tu calendario final.

Puedes usar estos enlaces rápidos para navegar por los pasos:

Paso 1: Agrega un plugin de eventos de Facebook en WordPress

Para mostrar eventos de Facebook en WordPress, necesitarás el plugin Smash Balloon Facebook Feed. Este plugin te permite mostrar tus publicaciones, fotos, videos y álbumes de Facebook directamente en tu sitio web de WordPress.

También hay un plugin gratuito Smash Balloon Social Post Feed que puedes descargar del repositorio oficial de WordPress. Sin embargo, necesitarás actualizar a la licencia Elite ($149/año) para mostrar eventos de Facebook.

Una vez que tengas tu licencia, puedes instalar y activar el plugin. Nuestra guía sobre cómo instalar un plugin de WordPress te guiará a través del proceso, paso a paso.

Después de la activación, ve a Facebook Feed » Settings, pega tu clave en el campo License Key y haz clic en Activate.

Paso 2: Conecta Facebook a WordPress y crea un token de acceso a eventos

Facebook trata los eventos de la Página como datos restringidos, por lo que Smash Balloon no puede extraerlos automáticamente como las publicaciones estándar. En su lugar, deberás crear una aplicación simple de Facebook, generar un token de acceso y agregar ese token al plugin.

Antes de comenzar, asegúrate de que tu cuenta personal de Facebook tenga acceso de administrador a la Página de Facebook donde se alojan tus eventos. Si no eres administrador, la configuración finalizará sin mostrar un error, pero tu calendario permanecerá completamente en blanco.

Regístrate como desarrollador de Meta

Para comenzar, ve al sitio Meta for Developers y haz clic en ‘Log In’ en la esquina superior derecha. Deberás iniciar sesión con el perfil personal de Facebook que administra tu Página, porque Facebook solo permite que las personas se registren como desarrolladores, no las empresas.

Si esta es tu primera visita, haz clic en ‘Create New Account’ y sigue las instrucciones en pantalla.

Facebook te pedirá que aceptes los términos de desarrollador, verifiques tu número de teléfono por SMS y confirmes tu dirección de correo electrónico. Una vez completado, Facebook te redirigirá al panel de la aplicación.

Crea tu aplicación de Facebook y agrega sus permisos

En la página de Aplicaciones, haz clic en ‘Create App’ en la esquina superior derecha.

En la pantalla ‘App details’, ingresa un nombre para tu aplicación y tu correo electrónico de contacto. El nombre solo es visible para ti, por lo que algo simple como Mis Eventos funciona bien.

Haz clic en Next para continuar.

En la pantalla ‘Add use cases’, selecciona ‘Content management’ en el menú de la izquierda.

Cuando aparezca, elige ‘Manage everything on your Page.’

Haz clic en ‘Next.’

En la pantalla ‘Business’, puedes conectar un portafolio de negocios si usas uno. Como esta parte es opcional, también puedes seleccionar ‘I don’t want to connect a business portfolio yet’ y hacer clic en ‘Next.’

En la pantalla Requirements, haz clic en ‘Next’ para confirmar que no se aplican requisitos de publicación adicionales.

Finalmente, revisa tu configuración en la pantalla Overview y haz clic en ‘Create app.’

Esto abre el panel de tu nueva aplicación. Desde aquí, haz clic en ‘Customize the Manage everything on your Page use case.’

En esta página, notarás que los permisos pages_show_list y business_management ya están seleccionados para ti.

En la lista, haz clic en ‘Add’ junto a cada uno de estos permisos:

• pages_read_user_content
• pages_read_engagement
• pages_manage_engagement

Una vez agregados, los tres mostrarán un estado de ‘Ready for testing.’

Dado que mostrar los feeds de eventos de Facebook no requiere que Facebook revise o publique tu aplicación, puedes dejar tu aplicación en modo de desarrollo de forma segura.

Genera tu token y conecta tu página

En la barra lateral izquierda de tu aplicación, ve a App settings » Basic.

Aquí, encontrarás los campos ‘App ID’ y ‘App secret.’

Para revelar el secreto, haz clic en ‘Show’. Necesitarás esta información en breve, así que mantén esta pantalla abierta.

En una nueva pestaña, abre el Explorador de la API de Graph, que es la herramienta de Facebook para probar lo que una aplicación tiene permitido leer. Si aún no está seleccionado, abre el menú desplegable de ‘Meta App’ y elige la aplicación que acabas de crear.

Después de eso, abre el menú desplegable ‘Añadir un permiso’ y selecciona estos cinco: business_management, pages_manage_engagement, pages_read_engagement, pages_read_user_content y pages_show_list.

Una vez que los cinco aparezcan en la lista de ‘Permisos’, haz clic en ‘Generar Token de Acceso’.

Una ventana de inicio de sesión de Facebook te pedirá que confirmes tu cuenta, así que haz clic en Continuar.

Facebook te preguntará entonces a qué Páginas y Negocios tiene permitido acceder tu aplicación. Elige la Página que deseas mostrar y haz clic en Continuar.

Tu nuevo token aparecerá en el campo Token de Acceso. Puedes hacer clic en el icono de copiar junto a él para copiar el texto.

Dado que este token temporal solo dura aproximadamente una hora, pégalo en el plugin Smash Balloon de inmediato. De vuelta en tu panel de WordPress, ve a Facebook Feed » All Feeds y haz clic en Añadir Nuevo.

En la siguiente pantalla, selecciona el tipo de feed ‘Eventos’ y haz clic en ‘Siguiente’.

Como aún no tienes una fuente de eventos conectada, la pantalla ‘Seleccionar una Fuente’ estará vacía, así que haz clic en Añadir Nuevo.

Pega tu ID de App, Secreto de App y Token de Acceso de Usuario en los campos correspondientes, y luego haz clic en Conectar.

Una vez conectado, el plugin obtendrá las Páginas de Facebook que administras y las mostrará en una lista. Selecciona la Página cuyos eventos deseas mostrar y haz clic en Añadir.

Tu Página aparecerá ahora como una fuente de eventos conectada. Selecciónala en la pantalla ‘Seleccionar una Fuente’ y haz clic en Siguiente para continuar.

Selecciona una plantilla de diseño para tu calendario y haz clic en Siguiente.

Estamos usando la plantilla Predeterminada para esta guía, pero cada plantilla es totalmente personalizable.

Paso 3: Personaliza tu calendario de eventos de Facebook incrustado

Después de crear tu feed, serás llevado al personalizador de Smash Balloon.

En el lado derecho, verás una vista previa de tu calendario de eventos de Facebook, mientras que el lado izquierdo contiene los ajustes para personalizar cómo aparecen esos eventos en tu sitio.

La mayoría de estos ajustes son sencillos, así que nos centraremos en los que tienen el mayor impacto en tu calendario. Para empezar, el panel Diseño del Feed controla su forma general.

Aquí, puedes elegir entre diseños de Lista, Mampostería y Carrusel. Mampostería muestra tus eventos en una cuadrícula de columnas que se ajusta naturalmente a diferentes alturas de tarjetas, mientras que Carrusel convierte el calendario en un control deslizante interactivo que los visitantes pueden recorrer.

El mismo panel te permite ajustar la altura del feed y establecer el ‘Número de Publicaciones’ a mostrar, con controles separados para dispositivos de escritorio y móviles. Mostrar menos publicaciones en móviles evita que los horarios largos saturen las pantallas pequeñas y oculten el resto de tu contenido.

A medida que realizas cambios, la vista previa se actualiza automáticamente. Puedes usar los botones de dispositivo en la esquina superior derecha para ver cómo se ve tu feed en dispositivos de escritorio, tableta y móvil.

Por defecto, el calendario hereda sus colores de tu tema de WordPress. Si prefieres un aspecto diferente, puedes seleccionar 'Esquema de color' en el menú de la izquierda y hacer tus cambios.

Más abajo, la configuración de Encabezado administra el bloque que se encuentra encima de tu calendario y dirige a los visitantes a tu página de Facebook.

Desde aquí, puedes alternar entre un encabezado Visual y de Texto, personalizar el título y la biografía, o desactivar completamente el encabezado usando el interruptor Habilitar.

Para cambiar el aspecto de cada evento individual, ve a Entradas » Estilo de entrada.

En Tipo de entrada, elige En caja para colocar cada evento dentro de su propia tarjeta con relleno, o selecciona Regular para separar los eventos con una sola línea divisoria.

También hay una función de ventana emergente, que abre un cuadro de diálogo sobre la página cuando alguien hace clic en un evento. Esto permite a los visitantes explorar todo tu horario sin salir de tu sitio.

Esa conveniencia significa que es posible que menos personas hagan clic en tu página de Facebook. Si prefieres enviar a los visitantes directamente a tu página de Facebook, puedes desactivar la ventana emergente usando el interruptor Habilitar.

Cuando estés satisfecho con el aspecto del calendario de eventos de Facebook, no olvides hacer clic en 'Guardar' para almacenar tus cambios. Ahora estás listo para agregar esta fuente a tu sitio web de WordPress.

Paso 4: Incrustar su calendario de eventos de Facebook en WordPress

Para agregar el calendario de eventos de Facebook, haz clic en el botón 'Incrustar' en la parte superior de la pantalla.

Primero, puedes hacer clic en 'Agregar a una página'.

Selecciona la página donde deseas publicar el calendario de eventos y haz clic en Agregar.

Luego serás dirigido al editor de bloques.

Aquí, proceda a hacer clic en el botón '+ Agregar bloque' y busque el bloque 'Fuente de Facebook'.

Después de eso, abre el menú desplegable en el panel del bloque y selecciona la fuente de eventos que creaste anteriormente.

El bloque se actualizará automáticamente para mostrar tu calendario de eventos.

La ventana emergente Incrustar también incluye una opción 'Agregar a un widget' si prefieres colocar tu calendario en un área de widget como una barra lateral o un pie de página. Además, proporciona un shortcode que puedes copiar y pegar en cualquier lugar donde el bloque estándar no sea compatible.

Después de publicar la página, ábrela en una ventana de navegador anónima o sin iniciar sesión para verificar si tus próximos eventos de Facebook se están mostrando.

Si el calendario se carga pero aparece completamente vacío, verifica que tu cuenta de Facebook tenga acceso de administrador a la página, como se describe en el Paso 2.

Preguntas frecuentes sobre cómo agregar un calendario de eventos de Facebook en WordPress

¿Cómo agrego eventos de Facebook a un calendario?

Te suscribes a ellos en lugar de copiarlos manualmente. En el calendario de eventos de tu página, localiza el botón 'Agregar al calendario'. Al hacer clic derecho en este botón, se proporciona un enlace que puedes pegar en Google Calendar, Apple Calendar u Outlook.

Ten en cuenta que la suscripción es diferente de la incrustación. Una suscripción al calendario mantiene tus eventos sincronizados dentro de tu aplicación de calendario personal, mientras que incrustarlos con un plugin como Smash Balloon muestra ese horario en vivo directamente en tu sitio web para que los visitantes lo vean.

¿Cuál es el mejor plugin de calendario de eventos para WordPress?

Si deseas organizar eventos directamente en tu sitio en lugar de extraerlos de Facebook, Sugar Calendar es nuestra mejor opción. Administra eventos recurrentes, acepta reservas y te permite vender entradas a través de Stripe o WooCommerce.

Dado que organizas los eventos en tu sitio, seguirán funcionando incluso si dejas de publicar en Facebook.

Para una vista más detallada, consulta nuestra reseña de Sugar Calendar o compáralo con las alternativas en nuestro resumen de los mejores plugins de calendario de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar un calendario de eventos de Facebook en WordPress. También te puede interesar ver nuestras selecciones expertas de los mejores plugins de Facebook para WordPress, o aprender cómo mostrar tu línea de tiempo de Facebook en WordPress.

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