Cómo mostrar eventos de Facebook en tu sitio de WordPress

¿Quieres mostrar eventos de Facebook en tu sitio de WordPress? Los eventos de Facebook te permiten promocionar tus eventos a la vez que aprovechas el poder de la red social más grande del mundo. En este artículo, te mostraremos cómo mostrar tus eventos de Facebook en WordPress.

Método 1: Añadir eventos de Facebook usando el plugin de página de Facebook

Este método utiliza los plugins sociales de Facebook para añadir tus eventos de Facebook en WordPress. Tendrás que editar los archivos de temas de WordPress. Si no te sientes cómodo añadiendo código manualmente, entonces prueba otros métodos descritos en este artículo.

Vamos a empezar.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Primero necesitas visitar el sitio web de Page Plugin on Facebook developers. En el campo URL de la página de Facebook, introduce la URL de tu página de Facebook.

El complemento de página de Facebook puede mostrar varias pestañas de su página, incluida la pestaña de eventos. Simplemente introduce `eventos en el campo de pestañas, y notarás que la ventana de vista previa se recarga para mostrar la pestaña de eventos de tu página.

También puede ajustar otros parámetros como el tamaño de la foto de la cubierta, la altura y el ancho del contenedor, etc.

Una vez que esté satisfecho, haga clic en el botón "Obtener código". Esto hará que aparezca una ventana emergente que muestra dos cajas de código.

La primera parte del código debe añadirse al archivo header.php del tema justo después de la etiqueta.

A continuación, necesitas copiar la segunda parte del código y pegarla en un post, página o widget de texto de WordPress.

No olvides guardar los cambios.

Eso es todo lo que puedes visitar ahora en tu sitio web y verás en el plugin para páginas de Facebook que muestra los eventos de tu página.

Método 2. Agregar eventos de Facebook usando un plugin de WordPress

Este método te permite añadir eventos de Facebook en WordPress sin añadir ningún código a tus archivos de tema.

Lo primero que tienes que hacer es instalar y activar el plugin de WP Embed Facebook. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página Settings " Embed Facebook para configurar la configuración del plugin.

La página de configuración del plugin está dividida en varias pestañas. Aterrizará en la pestañaMagic Embeds. Desplácese un poco hacia abajo hasta la sección de configuración de Facebook.

Necesitas introducir el ID de la aplicación de Facebook y las claves secretas. Puedes obtener estas claves visitando el sitio web de Facebook Developers y creando una nueva aplicación.

Esto mostrará una ventana emergente donde se le pedirá que proporcione un nombre para su aplicación y que elija una categoría.

Haga clic en el botón Crear ID de la aplicación para continuar.

Facebook creará tu aplicación y serás redirigido al panel de control de la aplicación. Haz clic en el enlace de configuración del menú de la izquierda para ver las teclas de la aplicación.

Ahora verá su clave de identificación de la aplicación y su clave secreta, que estarán ocultas, y tendrá que hacer clic en el botón Mostrar para copiarlas.

Introduce ambas claves en los campos correspondientes de la página de configuración del plugin de Facebook de WP Embed para tu sitio de WordPress.

No olvides hacer clic en el botón "Guardar todos los ajustes" para guardar los cambios.

Ya está listo para añadir su evento en WordPress. Edite una entrada o página en la que desee mostrar su evento de Facebook y añada este código abreviado:

[fb_plugin page tabs="events"]

No olvides utilizar la URL de tu propia página de Facebook en el código abreviado.

Este código abreviado mostrará el plugin de la página de Facebook con sólo la pestaña Eventos. Ahora puede visitar su sitio web para verlo en acción.

También puede añadir el código abreviado a un widget de texto. Pero antes de hacerlo, deberá habilitar los atajos para los widgets de la barra lateral.

Añadir un evento no creado por una página o grupo de Facebook

Algunos usuarios pueden necesitar compartir un evento de Facebook creado por sus perfiles personales. Estos eventos no están asociados a una página. A continuación se muestra cómo mostrarlos utilizando la función de incrustaciones personalizadas del plugin.

En lugar de utilizar el código abreviado del complemento de la página de Facebook, tendrás que utilizar el código abreviado de incrustación personalizado de esta manera:

[facebook https://www.facebook.com/events/1796069560608519/]

Reemplaza la URL del código abreviado por la URL de tu evento de Facebook.

Ahora puedes previsualizar tu sitio web para ver los eventos de Facebook incrustados en acción.

Método 3: Mostrar el calendario de eventos de Facebook usando Widget

Este método te permite obtener eventos de Facebook para un grupo o página y mostrarlos en el widget de la barra lateral de WordPress.

Los usuarios pueden ver su calendario de eventos de Facebook con fechas y pueden hacer clic para ver o unirse a un evento. Puede personalizar la apariencia de los eventos utilizando CSS.

Lo primero que tienes que hacer es instalar y activar el plugin del Widget de Eventos de Facebook. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debes visitar la página Apariencia " Widgets y añadir el Widget de Eventos de Facebook a una barra lateral. Para más detalles vea nuestra guía sobre cómo añadir y usar widgets en WordPress.

El widget requiere que introduzcas el ID de tu página de Facebook. Puedes obtener el ID de tu página de Facebook usando esta herramienta en línea. Sólo tienes que introducir la dirección URL de tu página de Facebook y te dará el ID.

A continuación, debe introducir el ID de la aplicación y las claves secretas.

Puedes obtener estas claves visitando el sitio web de Facebook Developers y creando una nueva aplicación.

Esto mostrará una ventana emergente donde se le pedirá que proporcione un nombre para su aplicación y que elija una categoría.

Haga clic en el botón Crear ID de la aplicación para continuar.

Facebook creará tu aplicación y serás redirigido al panel de control de la aplicación. Haz clic en el enlace de configuración del menú de la izquierda para ver las teclas de tu aplicación.

Ahora verá su clave App ID y su clave secreta de la aplicación que estará oculta, y tendrá que hacer clic en el botón Mostrar para copiarla.

Pega el ID de la aplicación y las claves secretas en la configuración del widget y haz clic en el botón Guardar.

Notará que la configuración del widget ahora le mostrará un nuevo botón debajo del campo del token de acceso.

Sin embargo, para obtener un token de acceso necesitarás añadir la URL de tu sitio web a tu aplicación de Facebook.

En la página de configuración de tu aplicación de Facebook, desplázate un poco hacia abajo y luego haz clic en el botón de añadir plataforma.

Esto hará que aparezca una ventana emergente que muestra las diferentes plataformas en las que puede utilizar la aplicación. Necesita seleccionarSitio web.

A continuación, debe añadir la URL de su sitio web en el campo de URL del sitio y hacer clic en el botón Guardar cambios.

Ahora puede volver a la configuración del widget y hacer clic en el botón Obtener token de acceso. Esto te llevará al sitio web de Facebook, donde se te pedirá que le des permiso a la aplicación para acceder a tu perfil.

Después de eso serás redirigido de vuelta a la página de configuración del widget. No olvides hacer clic en el botón Guardar para guardar la configuración de tu widget.

Ya puedes visitar tu sitio web para ver el widget de eventos de Facebook en acción.

El widget de eventos de Facebook viene con una hoja de estilo básica que puede no coincidir con los colores del tema. Necesitará usar la herramienta de inspección para ver las clases CSS generadas por el plugin y luego usar esas clases para cambiar la apariencia de los eventos. Vea nuestra guía sobre cómo agregar CSS personalizado en WordPress.

Esperamos que este artículo le haya ayudado a aprender a mostrar eventos de Facebook en WordPress. También puedes ver nuestra lista de los 10 mejores consejos y tutoriales de Facebook para usuarios de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.