¿Desea mostrar eventos de Facebook en su sitio de WordPress? Los eventos de Facebook te permiten promocionar tus eventos mientras aprovechas el poder de la red social más grande del mundo. En este artículo, le mostraremos cómo mostrar sus eventos de Facebook en WordPress.
Método 1: Agregar eventos de Facebook usando el complemento de página de Facebook
Este método usa los complementos sociales de Facebook para agregar tus eventos de Facebook en WordPress. Deberá editar sus archivos de temas de WordPress. Si no se siente cómodo añadiendo código manualmente, intente con otros métodos descritos en este artículo.
Empecemos.
Primero, debe visitar el complemento de página en el sitio web de desarrolladores de Facebook. En el campo URL de la página de Facebook, ingrese la URL de su página de Facebook.
El complemento de la página de Facebook puede mostrar varias pestañas de tu página, incluida la pestaña de eventos. Simplemente ingrese ‘eventos’ en el campo de pestañas, y verá que la ventana de vista previa se recarga para mostrar la pestaña de eventos de su página.
También puede ajustar otras configuraciones como el tamaño de la foto de portada, la altura y el ancho del contenedor, etc.
Una vez que esté satisfecho, haga clic en el botón ‘Obtener código’. Aparecerá una ventana emergente que muestra dos cajas de código.
La primera parte del código debe agregarse al archivo header.php de su tema inmediatamente después del etiqueta.
A continuación, debe copiar la segunda parte del código y pegarlo en una publicación de WordPress, una página o un widget de texto.
No te olvides de guardar tus cambios.
Eso es todo lo que ahora puede visitar su sitio web y verá el complemento de la página de Facebook que muestra los eventos de su página.
Método 2. Agregue eventos de Facebook usando un complemento de WordPress
Este método le permite agregar eventos de Facebook en WordPress sin agregar ningún código a sus archivos de tema.
Lo primero que debe hacer es instalar y activar el complemento WP Embed de Facebook. Para más detalles
Tras la activación, debe visitar Configuración »Incrustar Facebook página para configurar los ajustes del plugin.
La página de configuración para el complemento está dividida en varias pestañas. Llegarás a la pestaña ‘Incrustaciones Mágicas’. Desplácese hacia abajo un poco a la sección de configuración de Facebook.
Debe ingresar una ID de aplicación de Facebook y claves secretas. Puede obtener estas claves visitando el sitio web de Desarrolladores de Facebook y creando una nueva aplicación.
Aparecerá una ventana emergente en la que se te pedirá que proporciones un nombre para tu aplicación y elijas una categoría.
Haga clic en el botón Crear ID de la aplicación para continuar.
Facebook ahora creará su aplicación, y será redirigido al panel de la aplicación. Haga clic en el enlace de configuración del menú a la izquierda para ver las teclas de la aplicación.
Ahora verá la clave de identificación de la aplicación y la clave secreta que se ocultará, y deberá hacer clic en el botón Mostrar para copiarlo.
Ingrese ambas claves en los campos respectivos en la página de configuración de WP Embed Facebook para su sitio de WordPress.
No olvides hacer clic en el botón «Guardar todas las configuraciones» para almacenar tus cambios.
Ahora está listo para agregar su evento en WordPress. Edite una publicación o página donde desee mostrar su evento de Facebook y agregue este código breve:
[fb_plugin page href = "https://www.facebook.com/YFFPágina" pestañas = "eventos"]
No olvides usar tu propia URL de página de Facebook en el código corto.
Este shortcode mostrará el complemento de la página de Facebook con solo su pestaña de eventos. Ahora puede visitar su sitio web para verlo en acción.
También puede agregar el shortcode a un widget de texto. Pero antes de hacerlo, deberá habilitar los códigos abreviados para los widgets de la barra lateral.
Agregar 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 con una página. Aquí se muestra cómo los mostrará utilizando la función de incrustaciones personalizadas del complemento.
En lugar de utilizar el código abreviado del complemento de la página de Facebook, deberá usar el código abreviado personalizado de inserción de esta manera:
[facebook https://www.facebook.com/events/1796069560608519/]
Reemplace la URL en el código corto con la URL de su evento de Facebook.
Ahora puede obtener una vista previa de su sitio web para ver los eventos de Facebook incrustados en acción.
Método 3: mostrar el calendario de eventos de Facebook con el widget
Este método le permite buscar eventos de Facebook para un grupo o página y mostrarlos en su 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 usando CSS.
Lo primero que debe hacer es instalar y activar el complemento Widget de eventos de Facebook. Para más detalles
Después de la activación
El widget requiere que ingrese su ID de página de Facebook. Puede obtener el ID de su página de Facebook usando esta herramienta en línea. Simplemente ingrese su url de la página de Facebook y le dará la identificación.
A continuación, debe ingresar la ID de la aplicación y las claves secretas.
Puede obtener estas claves visitando el sitio web de Desarrolladores de Facebook y creando una nueva aplicación.
Aparecerá una ventana emergente en la que se te pedirá que proporciones un nombre para tu aplicación y elijas una categoría.
Haga clic en el botón Crear ID de la aplicación para continuar.
Facebook ahora creará su aplicación y será redirigido al panel de la aplicación. Haga clic en el enlace de configuración del menú a su izquierda para ver las claves de su aplicación.
Ahora verá su clave de ID de aplicación y la clave secreta de su aplicación que se ocultará, y deberá hacer clic en el botón Mostrar para copiarla.
Pegue la identificación de la aplicación y las claves secretas en la configuración del widget y haga clic en el botón Guardar.
Notará que la configuración del widget ahora le mostrará un nuevo botón debajo del campo token de acceso.
Sin embargo, para obtener un token de acceso necesitarás agregar la URL de tu sitio web a tu aplicación de Facebook.
En la página de configuración de la aplicación de Facebook desplácese un poco hacia abajo y luego haga clic en el botón Agregar plataforma.
Aparecerá una ventana emergente que muestra diferentes plataformas donde puede usar la aplicación. Debes seleccionar ‘Sitio web’.
A continuación, debe agregar la URL de su sitio web en el campo 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 lo llevará al sitio web de Facebook, donde se le pedirá que otorgue permiso a la aplicación para acceder a su perfil.
Después de eso, se te redireccionará a la página de configuración del widget. No te olvides de hacer clic en el botón guardar para guardar tus configuraciones de widgets.
Ahora puede visitar su 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 de tu tema. Tendrá que utilizar la herramienta de inspección para ver las clases de CSS generadas por el complemento y luego usar esas clases para cambiar la apariencia de los eventos.
