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

¿Desea mostrar eventos de Facebook en su sitio de WordPress? Los eventos de Facebook le permiten promocionar sus eventos mientras aprovecha 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.


Cómo mostrar eventos de Facebook en WordPress

Método 1: Agregar eventos de Facebook usando el complemento de página de Facebook

Este método utiliza los complementos sociales de Facebook para agregar sus eventos de Facebook en WordPress. Deberá editar sus archivos de tema de WordPress. Si no se siente cómodo agregando código manualmente, pruebe otros métodos descritos en este artículo.

Empecemos.

Video Tutorial

Suscríbase a WPBeginner

Si no le gusta el video o necesita más instrucciones, continúe leyendo.

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 múltiples pestañas de su página, incluida la pestaña de eventos. Simplemente ingrese “eventos” en el campo de pestañas y notará que la ventana de vista previa se vuelve a cargar para mostrar la pestaña de eventos de su página.

Configuración del complemento de la página de Facebook

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 cuadros de código..

Código de complemento de la página de Facebook

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

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

No olvides 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.

Evento de Facebook incrustado en una página de WordPress

Método 2. Agregar 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 Facebook. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Configuración »Insertar Facebook página para configurar los ajustes del complemento.

La página de configuración del complemento se divide en varias pestañas. Llegarás a la pestaña “Magic Embeds”. Desplázate un poco hacia abajo hasta la sección de configuración de Facebook.

Página de configuración de WP Embed 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.

Crear una nueva aplicación de Facebook

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

Proporcione un nombre para su aplicación y seleccione categoría

Haga clic en el botón Crear ID de 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 teclas de la aplicación.

Copie su ID de aplicación y claves secretas

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

Ingrese ambas claves en los campos respectivos en la página de configuración del complemento WP Embed Facebook para su sitio de WordPress.

No olvide hacer clic en el botón “Guardar todas las configuraciones” para almacenar sus 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 corto:

[fb_plugin page href ="https://www.facebook.com/YourFBPage" pestañas ="eventos"]

No olvides usar la URL de tu propia página de Facebook en el shortcode.

Este shortcode mostrará el complemento de la página de Facebook solo con la pestaña 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 cortos 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. Así es como los mostrará utilizando la función de incrustación personalizada del complemento.

En lugar de usar el código abreviado del complemento de la página de Facebook, deberá usar el código abreviado de incrustación personalizado de esta manera:

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

Reemplace la URL en el shortcode 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.

Agregar un solo evento de Facebook en WordPress

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 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. Puedes 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 obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar el Apariencia »Widgets página y agregue el widget de eventos de Facebook a una barra lateral. Para obtener más detalles, consulte nuestra guía sobre cómo agregar y usar widgets en WordPress.

Configuración del widget de eventos de Facebook

El widget requiere que ingrese su ID de página de Facebook. Puede obtener la identificación de su página de Facebook utilizando esta herramienta en línea. Simplemente ingrese la URL de su página de Facebook y obtendrá la identificación.

A continuación, debe ingresar el 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.

Crear una nueva aplicación de Facebook

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

Proporcione un nombre para su aplicación y seleccione categoría

Haga clic en el botón Crear ID de 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 teclas de su aplicación.

Copie su ID de aplicación y claves secretas

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

Pegue el ID 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 de token de acceso.

Token de acceso de Facebook

Sin embargo, para obtener un token de acceso, deberá agregar la URL de su sitio web a su aplicación de Facebook.

En la página de configuración de la aplicación de Facebook, desplácese hacia abajo un poco y luego haga clic en el botón Agregar plataforma.

Agregue plataforma a su aplicación de Facebook

Aparecerá una ventana emergente que muestra diferentes plataformas donde puedes usar la aplicación. Debe seleccionar “Sitio web”.

Seleccionar sitio web como plataforma

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

Agregue la URL de su sitio web

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.

Permiso de la aplicación

Después de eso, será redirigido 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.

Ahora puede visitar su sitio web para ver el widget de eventos de Facebook en acción.

Eventos de Facebook en un widget de barra lateral de WordPress

El widget de eventos de Facebook viene con una hoja de estilo básica que puede no coincidir con los colores de su tema. Deberá usar la herramienta de inspección para ver las clases CSS generadas por el complemento 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 te haya ayudado a aprender cómo mostrar eventos de Facebook en WordPress. También puede ver nuestra lista de los 10 mejores consejos y tutoriales de Facebook para usuarios de WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map