J'ai rencontré un gros problème lors de la promotion d'événements sur Facebook. Les utilisateurs de mon site web n'avaient aucune idée de l'existence de ces événements. Ils ne consultaient pas ma page régulièrement, et je ne voulais pas les envoyer ailleurs simplement pour qu'ils répondent à l'invitation.
J'ai donc cherché un moyen d'intégrer des événements Facebook directement dans WordPress. De cette façon, les visiteurs pouvaient voir ce qui se préparait, participer en un clic et rester sur mon site pendant toute la durée de l'événement.
Si vous avez essayé de trouver comment le faire vous-même, vous êtes au bon endroit. Dans ce guide, je vous montrerai trois façons d'afficher vos événements Facebook sur un site WordPress - que vous souhaitiez un simple widget, un calendrier complet ou un flux intégré qui se met à jour tout seul.
Pourquoi intégrer des événements Facebook sur WordPress ?
L'intégration d'événements Facebook sur WordPress augmente la visibilité en affichant vos événements directement sur votre site. Cela permet de gagner du temps en synchronisant automatiquement les mises à jour, de susciter l'enthousiasme grâce aux options RSVP et de renforcer la crédibilité en apportant une preuve sociale. Les options de personnalisation permettent de s'assurer que l'affichage correspond au design de votre site web.
Comment intégrer des événements Facebook sur WordPress
Dans ce guide, je vais vous présenter trois façons de mettre en place des événements Facebook sur votre site web WordPress :
- Créez une page consacrée aux événements spéciaux. C'est comme si vous aviez une section VIP sur votre site web, réservée aux événements. Elle permet aux gens de trouver facilement des événements et de s'y inscrire.
- Utilisez un outil qui récupère vos événements sur Facebook. Cet outil agit comme un pont, en transférant vos événements sur n'importe quelle page de votre site web. De plus, vous pouvez modifier l'apparence des événements pour l'adapter à votre style.
- Ajoutez un extrait de code (si vous êtes à l'aise avec cela). Facebook vous permet de saisir un bout de code pour placer des événements directement sur votre site. C'est le moyen le plus simple, mais il ne vous offre pas beaucoup d'options pour les rendre attrayants.
Comment savoir quelle est la meilleure méthode d'intégration pour vous ?
Vous n'êtes pas sûr de la meilleure façon d'afficher un flux d'événements Facebook sur votre site web ? Voici un tableau comparatif pour vous aider à choisir la bonne méthode pour intégrer un calendrier Facebook dans WordPress.
| Méthode | Caractéristiques | Facilité d'utilisation | Tarification | Adaptée aux mobiles | Version gratuite ? | Limites de la version gratuite |
|---|---|---|---|---|---|---|
| SeedProd | Pages d'atterrissage, intégrations Facebook | Facile | Payant/gratuit | Oui | Oui | Fonctionnalités limitées, le blocage de la page Facebook est payant |
| Ballon Smash | Flux Facebook personnalisables | Modéré | Payant/gratuit | Oui | Oui | Caractéristiques limitées |
| Intégration manuelle (code) | Affichage des événements de base | Difficile | Gratuit | Peut-être | Oui | Très limité, nécessite des connaissances en codage |
Maintenant, sautons dans le vif du sujet.
Comment afficher les événements Facebook sur une page d'atterrissage WordPress
SeedProd est un constructeur de pages WordPress par glisser-déposer, avec des fonctionnalités "coming soon" et "maintenance mode". Vous pouvez utiliser ce plugin pour créer des pages d'atterrissage à fort taux de conversion sans avoir à écrire du code CSS et PHP ou à embaucher un développeur.
Si vous avez entendu parler d'Elementor, il fonctionne de la même manière, mais avec une interface utilisateur plus rationalisée et un accent mis sur la simplicité.
Non seulement vous pouvez utiliser des centaines de modèles dès la sortie de la boîte, mais SeedProd comprend également des blocs de contenu qui vous permettent d'intégrer du contenu de médias sociaux comme votre calendrier d'événements Facebook, un flux de page en direct et des outils RSVP, le tout sans avoir besoin de code.
Les blocs Facebook sont les plus remarquables, car ils vous permettent d'intégrer du contenu de médias sociaux, notamment :
- Bouton "J'aime" de Facebook
- Commentaires sur Facebook
- Page Facebook
- Intégration dans Facebook
Pour cette méthode, nous utiliserons le bloc Page Facebook pour ajouter des événements directement sur votre page d'atterrissage. L'avantage est qu'il n'y a pas de jetons d'accès, de shortcodes ou d'identifiants à copier et à coller.
1. Installer et activer SeedProd
Pour commencer, installez et activez le plugin SeedProd. Pour ce guide, nous utiliserons SeedProd Pro car il possède les blocs Facebook avancés dont nous avons besoin.
2. Créer une page d'atterrissage WordPress
Après avoir installé SeedProd sur votre site WordPress, vous devrez créer une nouvelle page d'atterrissage.
Heureusement, vous pouvez suivre ce guide étape par étape sur la création d'une page d'atterrissage dans WordPress pour commencer rapidement. Vous pouvez également suivre ce guide pour créer spécifiquement une page d'atterrissage pour un événement.
Une fois que le design de votre page d'atterrissage est en place, naviguez vers SeedProd " Pages et cliquez sur Editer sur la page d'atterrissage que vous avez créée en suivant notre tutoriel.
Cela ouvrira l'éditeur visuel de SeedProd, où vous pourrez ajouter vos événements.
3. Ajouter le bloc de page Facebook
Ensuite, trouvez un espace sur votre page où vous souhaitez afficher votre calendrier d'événements Facebook. Allez ensuite dans la section Blocs avancés sur la droite et trouvez le bloc Page Facebook.
Pour ajouter ce bloc à votre page, faites-le glisser de la gauche vers votre aperçu.
Ensuite, dans les paramètres de contenu du bloc de la page Facebook, collez l'URL de votre page. C'est ainsi que SeedProd récupère votre flux d'événements Facebook et l'affiche directement dans votre mise en page WordPress.
Par défaut, SeedProd affiche automatiquement la chronologie de votre page Facebook. Pour afficher vos événements à la place, cliquez sur l'option Événements sous l'onglet Onglets.
Dans le même panneau, vous pouvez également modifier le style de l'en-tête, afficher ou masquer votre photo de couverture, ajuster l'alignement, etc.
Et si vous souhaitez augmenter l'engagement de votre page Facebook, vous pouvez utiliser le bloc Facebook Embed pour intégrer une publication, une vidéo Facebook ou un commentaire directement à côté de votre programme d'événements.
4. Publier votre page d'atterrissage
Il ne reste plus qu'à cliquer sur la flèche déroulante située à côté du bouton Enregistrer dans le coin supérieur droit et à cliquer sur Publier.
Ensuite, lorsque vous cliquez sur Aperçu, vous verrez votre calendrier d'événements s'afficher sur votre page de destination.
C'est fait. Les visiteurs du site web peuvent désormais voir vos événements Facebook sur votre page de renvoi.
Mais si vous souhaitez afficher l'intégralité d'un flux d'événements Facebook, nous vous conseillons d'utiliser la méthode suivante.
Comment synchroniser les événements Facebook avec votre site WordPress
Vous devrez installer et activer le plugin Smash Balloon Custom Facebook Feed Pro pour cette méthode. Pour vous aider dans cette étape, consultez ce tutoriel pas à pas sur l'installation d'un plugin WordPress.
1. Créer un nouveau flux Facebook
Après avoir installé et activé le plugin, rendez-vous dans le menu Facebook Feed " All Feeds (Tous les flux) de votre tableau de bord WordPress. De là, cliquez sur le bouton Ajouter un nouveau pour commencer à créer votre flux d'événements.
Sur la page suivante, vous verrez 9 types de flux Facebook différents que vous pouvez ajouter à votre site web, y compris :
- Chronologie
- Photos
- Vidéos
- Albums
- Evénements
- Commentaires
- Et plus encore
Choisissez l'option Événements et cliquez sur le bouton Suivant pour continuer.
2. Sélectionnez une source de page Facebook
Après avoir sélectionné un type de flux, il est temps de choisir une source de page Facebook. Il peut s'agir d'un groupe Facebook ou d'une page sur laquelle vous publiez les événements de votre entreprise.
Pour ajouter une source, cliquez sur le bouton Ajouter un nouveau.
Une fenêtre contextuelle s'ouvre pour vous demander l'identifiant de votre page Facebook et le jeton d'accès à l'événement.
Si vous ne savez pas comment trouver l'identifiant de l'application et le jeton secret de l'application pour votre page, suivez ces instructions.
Après avoir saisi les détails de votre application Facebook, cliquez sur le bouton Ajouter une source.
Sur l'écran suivant, vous verrez votre page Facebook nouvellement ajoutée. Sélectionnez cette page et cliquez sur Suivant pour continuer.
3. Personnalisez la présentation de votre calendrier d'événements Facebook
Vous pouvez maintenant commencer à personnaliser vos événements. Les options de personnalisation se trouvent sur le côté gauche, tandis qu'un aperçu de votre flux se trouve sur la droite.
Les options de personnalisation vous permettent de modifier le type de flux, la mise en page, la couleur, le design de l'en-tête, le design de l'article, etc.
Tout d'abord, choisissez l'option Feed Layout sur la gauche.
Cette option offre trois paramètres différents, dont les dispositions en liste, en maçonnerie et en carrousel.
Pour afficher les événements les uns après les autres, choisissez l'option de mise en page Liste.
Vous pouvez également sélectionner l'option Masonry si vous préférez afficher vos événements dans une disposition à plusieurs colonnes.
Enfin, l'option Carousel vous permet de présenter vos événements sous la forme d'un superbe curseur d'images.
Sélectionnez la mise en page qui convient le mieux à votre site web. Cliquez ensuite à nouveau sur le bouton Personnaliser pour revenir aux paramètres précédents.
4. Personnalisez la palette de couleurs de votre fil d'événements Facebook
Si vous souhaitez modifier la couleur de votre flux, cliquez sur l'en-tête Color Scheme. Dans ce panneau, vous pouvez choisir parmi 4 options de couleurs différentes, telles que :
- Hériter du thème : Copier le schéma de couleurs de votre site web
- Léger: Fond clair avec texte de couleur foncée
- Sombre : rendre l'arrière-plan sombre avec un texte de couleur claire
- Personnalisé : Saisissez vous-même toutes les couleurs
Vous pouvez ensuite personnaliser d'autres paramètres, notamment la conception de l'en-tête, la taille du flux, les marges, etc.
Lorsque vous êtes satisfait de l'aspect des choses, cliquez sur le bouton Enregistrer.
5. Afficher les événements de Facebook dans les pages WordPress
Vous êtes maintenant prêt à intégrer des événements Facebook sur votre site WordPress, et Smash Balloon vous permet de le faire de deux manières.
Tout d'abord, cliquez sur le bouton Embed (Intégrer) dans le coin supérieur droit. Une fenêtre contextuelle s'ouvre alors, proposant différentes options de publication.
Cliquez sur le bouton Ajouter à une page pour intégrer vos événements Facebook à une page WordPress normale.
À partir de là, vous pouvez choisir n'importe quelle page de votre site web dans la liste et cliquer sur le bouton Ajouter.
En cliquant sur cette option, vous accédez à l'écran d'édition de la page choisie. De là, cliquez sur l'icône plus (+) et sélectionnez le widget Custom Facebook Feed.
Lorsque vous mettez à jour ou publiez la page, vous pouvez la prévisualiser pour voir à quoi ressemblent vos événements.
6. Ajouter des événements Facebook aux barres latérales de WordPress
Si vous préférez ajouter votre flux à une zone de la barre latérale, il vous suffit de cliquer sur le bouton Ajouter à un widget dans la fenêtre Embed.
En cliquant sur cette option, vous accédez à la page des widgets, où vous pouvez choisir une barre latérale pour afficher vos événements.
Après avoir choisi une barre latérale, cliquez sur l'icône plus (+) pour ajouter un nouveau widget et choisissez le widget Custom Facebook Feed.
Une fois que vous avez fait cela, vous pouvez prévisualiser votre site web et voir vos événements Facebook dans la barre latérale de votre site web.
Ajouter des événements Facebook à WordPress sans plugin
Si vous n'aimez pas utiliser trop de plugins WordPress sur votre site web, vous pouvez afficher les événements Facebook sur WordPress sans plugin.
Cependant, cette méthode nécessite d'ajouter du code à votre site, ce qui fait qu'elle n'est pas recommandée aux débutants. Elle n'offre pas non plus beaucoup de contrôle sur l'aspect de vos événements.
1. Visitez le site web de Facebook Page Plugin.
Pour commencer avec cette méthode, vous aurez besoin du plugin de page Facebook. Il ne s'agit pas d'un plugin WordPress, mais d'un outil autonome de Facebook destiné aux développeurs.
Rendez-vous donc sur l'outil Facebook Plugin et collez l'URL de votre page Facebook.
Après avoir saisi l'URL de votre page Facebook, l'outil affiche un aperçu de votre chronologie. Comme nous voulons afficher vos événements Facebook, supprimez le mot "timeline" dans le champ Onglets et entrez "events".
2. Générer le code d'intégration de votre événement Facebook
Le panneau de prévisualisation affiche désormais une liste des événements de votre page. Pour obtenir le code, cliquez sur le bouton Obtenir le code situé sous l'aperçu.
En cliquant sur le bouton Obtenir le code, une fenêtre contextuelle s'ouvre avec deux onglets : JavaScript SDK et IFrame. Cliquez sur l'onglet IFrame, puis copiez le code d'intégration dans votre presse-papiers.
3. Intégrer le code des événements Facebook dans WordPress
Ensuite, rendez-vous sur votre site WordPress et modifiez l'article ou la page où vous souhaitez afficher vos événements Facebook.
Dans l'écran d'édition de l'article ou de la page, cliquez sur l'icône plus (+) et trouvez le bloc Custom HTML WordPress.
Maintenant, cliquez à l'intérieur du bloc HTML et collez le code d'intégration de l'outil Facebook Page Plugin.
Vous pouvez ensuite enregistrer ou publier le message, et lorsque vous le prévisualisez, vos événements Facebook seront en ligne sur votre site web.
Si vous souhaitez modifier l'affichage de ce flux, vous devrez revenir au plugin de page Facebook et générer à nouveau le code wp embed Facebook. Cela dit, les paramètres Facebook que vous pouvez modifier sont limités.
Utilisation de l'URL iCal pour la synchronisation des événements
Si vous souhaitez intégrer vos événements Facebook dans le calendrier de votre site web, l'utilisation d'une URL iCal est une méthode efficace.
Voici comment obtenir et utiliser l'URL iCal :
Connectez-vous à votre compte Facebook, accédez à votre section d'événements et sélectionnez l'événement que vous souhaitez partager.
En haut à droite, vous verrez un bouton intitulé Ajouter au calendrier.
Cliquez sur ce bouton et, dans la fenêtre contextuelle, faites un clic droit sur le bouton Exporter et sélectionnez "Copier l'adresse du lien".
Collez cette URL iCal dans votre plugin de calendrier WordPress ou dans tout autre outil prenant en charge les flux externes. Cela vous permet de synchroniser automatiquement vos événements Facebook avec votre calendrier WordPress.
Cela synchronisera automatiquement vos événements Facebook avec le calendrier de votre site web.
Foire aux questions sur l'intégration d'événements Facebook
Comment puis-je personnaliser l'apparence des événements Facebook dans WordPress ?
La personnalisation au-delà des options de ce guide peut nécessiter l'utilisation de CSS ou de JavaScript personnalisés. Les utilisateurs ayant des connaissances en codage peuvent modifier directement les styles ou les scripts de leur thème WordPress ou utiliser un thème enfant pour appliquer des styles plus personnalisés au flux d'événements Facebook.
Comment résoudre les problèmes lorsque les événements Facebook ne s'affichent pas ?
Si les événements Facebook ne s'affichent pas sur votre site WordPress, recherchez des problèmes courants tels que des plugins obsolètes, des conflits avec d'autres plugins ou une mauvaise configuration de l'API Facebook. S'assurer que tous les plugins sont à jour et consulter la documentation du plugin pour s'assurer de l'exactitude de la configuration permet souvent de résoudre ces problèmes.
L'intégration d'événements Facebook peut-elle affecter les performances de mon site ?
L'intégration d'un calendrier d'événements Facebook dans WordPress peut avoir un impact sur les performances si l'intégration charge trop de ressources. Pour réduire les temps de chargement, utilisez des outils tels que SeedProd ou Smash Balloon, qui sont optimisés pour afficher les flux sociaux sans ralentir votre site.
Puis-je intégrer des événements de groupes Facebook dans WordPress ?
La plupart des outils d'intégration à Facebook ne prennent en charge que les événements de pages publiques, et non les événements privés ou de groupe. Si vous gérez un groupe Facebook, essayez d'utiliser la méthode de synchronisation iCal ou de lister manuellement vos événements sur une page WordPress.
Vous savez maintenant comment intégrer vos événements Facebook directement sur WordPress, que vous souhaitiez un flux complet d'événements, un simple onglet ou une synchronisation avec le calendrier.
Vous voulez améliorer la conversion de vos événements ? Essayez de créer une page d'atterrissage pour votre événement avec SeedProd.
Vous aimerez peut-être aussi les guides suivants pour votre site WordPress :
- Comment ajouter une page Facebook à WordPress
- Comment intégrer des vidéos Facebook dans WordPress
- Comment ajouter un bouton "J'aime" à votre site WordPress
- Comment créer facilement une page d'atterrissage pour un groupe Facebook
Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.
Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.
