Comment ajouter un calendrier d'événements Facebook dans WordPress (méthode facile)

Vous avez peut-être un programme d'événements chargé sur Facebook, mais les visiteurs de votre site WordPress ne le sauront pas à moins que vous n'affichiez ces événements directement sur vos pages.

Une source d'événements Facebook résout ce problème en extrayant les événements directement de votre Page Facebook et en les affichant automatiquement sur votre site Web.

Ce guide vous accompagne tout au long de la configuration, de la création de l'application Facebook requise à la personnalisation de votre calendrier final.

Vous pouvez utiliser ces liens rapides pour naviguer entre les étapes :

Étape 1 : Ajouter un plugin d'événements Facebook dans WordPress

Pour afficher les événements Facebook dans WordPress, vous aurez besoin du plugin Smash Balloon Facebook Feed. Ce plugin vous permet d'afficher vos publications, photos, vidéos et albums Facebook directement sur votre site Web WordPress.

Il existe également un plugin gratuit Smash Balloon Social Post Feed que vous pouvez télécharger depuis le référentiel officiel de WordPress. Cependant, vous devrez passer à la licence Elite (149 $/an) pour afficher les événements Facebook.

Une fois votre licence obtenue, vous pouvez installer et activer le plugin. Notre guide sur comment installer un plugin WordPress vous accompagne pas à pas.

Après l'activation, allez dans Facebook Feed » Settings, collez votre clé dans le champ License Key, et cliquez sur Activate.

Étape 2 : Connecter Facebook à WordPress et créer un jeton d'accès aux événements

Facebook traite les événements de Page comme des données restreintes, ainsi Smash Balloon ne peut pas les extraire automatiquement comme les publications standard. À la place, vous devrez créer une application Facebook simple, générer un jeton d'accès, et ajouter ce jeton au plugin.

Avant de commencer, assurez-vous que votre compte Facebook personnel dispose d'un accès administrateur à la Page Facebook où vos événements sont hébergés. Si vous n'êtes pas administrateur, la configuration se terminera sans afficher d'erreur, mais votre calendrier restera complètement vide.

S'inscrire en tant que Meta Developer

Pour commencer, rendez-vous sur le site Meta for Developers et cliquez sur ‘Log In’ dans le coin supérieur droit. Vous devrez vous connecter avec le profil Facebook personnel qui gère votre Page, car Facebook ne permet qu'aux individus de s'inscrire en tant que développeurs, pas aux entreprises.

Si c'est votre première visite, cliquez sur ‘Create New Account’ et suivez les instructions à l'écran.

Facebook vous demandera d'accepter les conditions d'utilisation des développeurs, de vérifier votre numéro de téléphone par SMS, et de confirmer votre adresse e-mail. Une fois terminé, Facebook vous redirigera vers le tableau de bord de l'application.

Créer votre application Facebook et ajouter ses autorisations

Sur la page Apps, cliquez sur ‘Create App’ dans le coin supérieur droit.

Sur l'écran ‘App details’, entrez un nom pour votre application et votre adresse e-mail de contact. Le nom n'est visible que par vous, donc quelque chose de simple comme Mes Événements convient parfaitement.

Cliquez sur Next pour continuer.

Sur l'écran ‘Add use cases’, sélectionnez ‘Content management’ dans le menu de gauche.

Lorsqu'il apparaît, choisissez ‘Manage everything on your Page.’

Cliquez sur ‘Next.’

Sur l'écran ‘Business’, vous pouvez connecter un portfolio d'entreprise si vous en utilisez un. Comme cette partie est facultative, vous pouvez également sélectionner ‘I don’t want to connect a business portfolio yet’ et cliquer sur ‘Next.’

Sur l'écran Requirements, cliquez sur ‘Next’ pour confirmer qu'aucune exigence de publication supplémentaire ne s'applique.

Enfin, examinez vos paramètres sur l'écran Overview et cliquez sur ‘Create app.’

Cela ouvre le tableau de bord de votre nouvelle application. À partir d'ici, cliquez sur ‘Customize the Manage everything on your Page use case.’

Sur cette page, vous remarquerez que les permissions pages_show_list et business_management sont déjà sélectionnées pour vous.

Dans la liste, cliquez sur ‘Add’ à côté de chacune de ces permissions :

• pages_read_user_content
• pages_read_engagement
• pages_manage_engagement

Une fois ajoutées, les trois afficheront un statut ‘Ready for testing’.

Comme l'affichage des flux d'événements Facebook ne nécessite pas que Facebook examine ou publie votre application, vous pouvez laisser votre application en mode développement en toute sécurité.

Générer votre jeton et connecter votre page

Dans la barre latérale gauche de votre application, allez dans App settings » Basic.

Ici, vous trouverez les champs ‘App ID’ et ‘App secret’.

Pour révéler le secret, cliquez sur ‘Show’. Vous aurez besoin de ces informations sous peu, alors gardez cet écran ouvert.

Dans un nouvel onglet, ouvrez l’Explorateur d’API Graph, qui est l’outil de Facebook pour tester ce qu’une application est autorisée à lire. Si elle n’est pas déjà sélectionnée, ouvrez le menu déroulant ‘Meta App’ et choisissez l’application que vous venez de créer.

Après cela, ouvrez le menu déroulant ‘Ajouter une permission’ et sélectionnez ces cinq permissions : business_management, pages_manage_engagement, pages_read_engagement, pages_read_user_content et pages_show_list.

Une fois les cinq permissions affichées dans la liste ‘Permissions’, cliquez sur ‘Générer un jeton d’accès’.

Une fenêtre de connexion Facebook vous demandera de confirmer votre compte, cliquez donc sur Continuer.

Facebook vous demandera ensuite quelles Pages et quelles Entreprises votre application est autorisée à consulter. Choisissez la Page que vous souhaitez afficher et cliquez sur Continuer.

Votre nouveau jeton apparaîtra dans le champ Jeton d’accès. Vous pouvez cliquer sur l’icône de copie à côté pour copier le texte.

Comme ce jeton temporaire ne dure qu’environ une heure, collez-le immédiatement dans le plugin Smash Balloon. De retour dans votre tableau de bord WordPress, allez dans Facebook Feed » All Feeds et cliquez sur Ajouter.

Sur l’écran suivant, sélectionnez le type de flux ‘Événements’ et cliquez sur ‘Suivant’.

Comme vous n’avez pas encore de source d’événements connectée, l’écran ‘Sélectionner une source’ sera vide, cliquez donc sur Ajouter.

Collez votre ID d’application, votre secret d’application et votre jeton d’accès utilisateur dans les champs correspondants, puis cliquez sur Connecter.

Une fois connecté, le plugin récupérera les Pages Facebook que vous gérez et les affichera dans une liste. Sélectionnez la Page dont vous souhaitez présenter les événements et cliquez sur Ajouter.

Votre Page apparaîtra maintenant comme une source d’événements connectée. Sélectionnez-la sur l’écran ‘Sélectionner une source’ et cliquez sur Suivant pour continuer.

Sélectionnez un modèle de mise en page pour votre calendrier et cliquez sur Suivant.

Nous utilisons le modèle par défaut pour ce guide, mais chaque modèle est entièrement personnalisable.

Étape 3 : Personnaliser votre calendrier d'événements Facebook intégré

Après avoir créé votre flux, vous serez dirigé vers le personnalisateur Smash Balloon.

Sur le côté droit, vous verrez un aperçu de votre calendrier d’événements Facebook, tandis que le côté gauche contient les paramètres pour personnaliser l’apparence de ces événements sur votre site.

La plupart de ces paramètres sont simples, nous nous concentrerons donc sur ceux qui ont le plus d’impact sur votre calendrier. Pour commencer, le panneau Mise en page du flux contrôle sa forme générale.

Ici, vous pouvez choisir entre les mises en page Liste, Masonry et Carrousel. Masonry affiche vos événements dans une grille à colonnes qui s’ajuste naturellement pour différentes hauteurs de cartes, tandis que Carrousel convertit le calendrier en un curseur interactif que les visiteurs peuvent parcourir.

Le même panneau vous permet d’ajuster la hauteur du flux et de définir le ‘Nombre de publications’ à afficher, avec des contrôles séparés pour les ordinateurs de bureau et les appareils mobiles. Afficher moins de publications sur mobile évite que les longs calendriers n’encombrent les petits écrans et ne cachent le reste de votre contenu.

Au fur et à mesure que vous apportez des modifications, l’aperçu se met à jour automatiquement. Vous pouvez utiliser les boutons d’appareil dans le coin supérieur droit pour voir à quoi ressemble votre flux sur les ordinateurs de bureau, les tablettes et les appareils mobiles.

Par défaut, le calendrier hérite de ses couleurs de votre thème WordPress. Si vous préférez un aspect différent, vous pouvez sélectionner « Schéma de couleurs » dans le menu de gauche et apporter vos modifications.

Plus bas, les paramètres de l'en-tête gèrent le bloc qui se trouve au-dessus de votre calendrier et dirige les visiteurs vers votre page Facebook.

À partir d'ici, vous pouvez choisir entre un en-tête visuel et textuel, personnaliser le titre et la biographie, ou désactiver complètement l'en-tête à l'aide du bouton Activer.

Pour modifier l'apparence de chaque événement individuel, allez dans Articles » Style de l'article.

Sous Type d'article, choisissez Encadré pour placer chaque événement dans sa propre carte avec un rembourrage, ou sélectionnez Normal pour séparer les événements par une seule ligne de séparation.

Il existe également une fonctionnalité de fenêtre contextuelle, qui ouvre une fenêtre pop-up sur la page lorsqu'une personne clique sur un événement. Cela permet aux visiteurs de parcourir tout votre programme sans quitter votre site.

Cette commodité signifie que moins de personnes peuvent cliquer sur votre page Facebook. Si vous préférez envoyer les visiteurs directement sur votre page Facebook, vous pouvez désactiver la fenêtre contextuelle à l'aide du bouton Activer.

Lorsque vous êtes satisfait de l'apparence du calendrier d'événements Facebook, n'oubliez pas de cliquer sur « Enregistrer » pour sauvegarder vos modifications. Vous êtes maintenant prêt à ajouter ce flux à votre site Web WordPress.

Étape 4 : Intégrer votre calendrier d'événements Facebook dans WordPress

Pour ajouter le calendrier d'événements Facebook, cliquez sur le bouton « Intégrer » en haut de l'écran.

Tout d'abord, vous pouvez cliquer sur « Ajouter à une page ».

Sélectionnez la page où vous souhaitez publier le calendrier d'événements et cliquez sur Ajouter.

Vous serez ensuite dirigé vers l'éditeur de blocs.

Ici, cliquez sur le bouton « + Ajouter un bloc » et recherchez le bloc « Flux Facebook ».

Après cela, ouvrez le menu déroulant dans le panneau du bloc et sélectionnez le flux d'événements que vous avez créé précédemment.

Le bloc se mettra automatiquement à jour pour afficher votre calendrier d'événements.

La fenêtre contextuelle d'intégration comprend également une option « Ajouter à un widget » si vous préférez placer votre calendrier dans une zone de widget comme une barre latérale ou un pied de page. De plus, elle fournit un code court que vous pouvez copier et coller partout où le bloc standard n'est pas pris en charge.

Après avoir publié la page, ouvrez-la dans une fenêtre de navigateur incognito ou déconnectée pour vérifier si vos prochains événements Facebook s'affichent.

Si le calendrier se charge mais apparaît complètement vide, vérifiez que votre compte Facebook dispose d'un accès administrateur à la page, comme indiqué à l'étape 2.

FAQ sur l'ajout d'un calendrier d'événements Facebook dans WordPress

Comment ajouter des événements Facebook à un calendrier ?

Vous vous y abonnez plutôt que de les copier manuellement. Sur le calendrier des événements de votre page, localisez le bouton « Ajouter au calendrier ». Un clic droit sur ce bouton fournit un lien que vous pouvez coller dans Google Agenda, Calendrier Apple ou Outlook.

Gardez à l'esprit que l'abonnement est distinct de l'intégration. Un abonnement au calendrier synchronise vos événements dans votre application de calendrier personnelle, tandis que leur intégration avec un plugin comme Smash Balloon affiche ce calendrier en direct directement sur votre site Web pour que les visiteurs puissent le voir.

Quel est le meilleur plugin de calendrier d'événements pour WordPress ?

Si vous souhaitez héberger des événements directement sur votre site au lieu de les extraire de Facebook, Sugar Calendar est notre meilleur choix. Il gère les événements récurrents, prend les réservations et vous permet de vendre des billets via Stripe ou WooCommerce.

Étant donné que vous hébergez les événements sur votre site, ils continuent de fonctionner même si vous arrêtez de publier sur Facebook.

Pour un aperçu plus détaillé, consultez notre critique de Sugar Calendar ou comparez-le aux alternatives dans notre comparatif des meilleurs plugins de calendrier WordPress.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un calendrier d'événements Facebook dans WordPress. Vous voudrez peut-être aussi consulter nos meilleurs choix d'experts pour les meilleurs plugins Facebook WordPress, ou apprendre comment afficher votre chronologie Facebook dans WordPress.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.