Comment ajouter Google Agenda à WordPress (2 méthodes faciles)

Ajouter un Google Agenda à votre site WordPress est un excellent moyen d'afficher les événements à venir, les rendez-vous ou les plannings afin que vos visiteurs sachent toujours ce qui se passe. 📆

C'est une solution simple pour les sites Web d'entreprises, les portails scolaires, les organisations à but non lucratif ou tout site qui a besoin d'un moyen facile de tenir les gens informés.

J'ai testé cette approche moi-même, et une fois votre calendrier connecté, il s'occupe de tout. Chaque fois que vous ajoutez ou mettez à jour un événement dans Google Agenda, il apparaît automatiquement sur votre site Web.

Dans ce tutoriel, je vais vous montrer deux méthodes fiables pour ajouter Google Agenda à WordPress sans aucun codage.

Pourquoi ajouter un Google Agenda à votre site Web ?

Ajouter un Google Agenda à votre site WordPress vous aide à garder tous vos événements organisés et visibles en un seul endroit.

Au lieu de mettre à jour manuellement les événements, vous pouvez les gérer dans Google Agenda et les faire apparaître automatiquement sur votre site Web. Cela permet à vos visiteurs de voir plus facilement ce qui se passe et de rester informés sans avoir à vous contacter.

Voici comment cela peut aider votre site Web :

• Garde votre site à jour automatiquement – Toutes les modifications que vous apportez dans Google Agenda sont instantanément synchronisées avec votre site web, vous évitant ainsi de devoir modifier les événements deux fois.
• Affiche votre emploi du temps de manière claire et professionnelle – Vos visiteurs peuvent rapidement vérifier vos disponibilités, vos cours à venir ou vos événements directement depuis votre site.
• Vous fait gagner du temps – Au lieu de répondre aux e-mails ou aux messages demandant des dates et des heures, votre calendrier fournit tous les détails pour vous.
• Fonctionne pour de nombreux types de sites web – Il est utile pour les coachs partageant des créneaux de réservation, les églises listant les services hebdomadaires, les organisations à but non lucratif faisant la promotion d'événements, et les petites entreprises affichant leurs horaires ou leurs rendez-vous.
• Encourage l'engagement – Lorsque les gens peuvent facilement voir votre programme, ils sont plus susceptibles de réserver, de s'inscrire ou d'assister à votre événement.

Dans l'ensemble, l'ajout de Google Agenda à WordPress permet à vos visiteurs de rester informés et crée une présence en ligne plus professionnelle et fiable.

Avant de commencer : Ce dont vous aurez besoin

Avant de commencer à ajouter votre Google Agenda dans WordPress, il est utile de vous assurer que vous avez quelques bases prêtes. Cela rendra le processus plus fluide et vous aidera à tout configurer sans interruption.

Voici ce dont vous avez besoin :

• Un compte Google avec un agenda actif : Vous utiliserez Google Agenda pour créer et gérer vos événements. Vous pouvez utiliser un agenda existant ou en créer un nouveau juste pour votre site web.
• Accès à votre tableau de bord WordPress : Vous devez être connecté à votre site WordPress pour connecter votre agenda en utilisant l'une ou l'autre méthode.
• 10 à 15 minutes pour compléter les deux méthodes : La configuration est simple. Vous copierez principalement le lien de votre Google Agenda et le collerez dans WordPress en utilisant la méthode que vous préférez.

Maintenant que tout est prêt, la prochaine étape consiste à rendre votre Google Agenda public afin qu'il puisse être affiché sur votre site WordPress.

Étape de configuration importante : Rendez votre agenda public

Avant que votre Google Agenda puisse apparaître sur votre site WordPress, vous devez ajuster un paramètre pour le rendre visible au public. Cela permet à WordPress d'afficher correctement vos événements.

Lorsque j'ai essayé cela pour la première fois, mon agenda n'est pas apparu avant que je ne le rende public, alors ne sautez pas cette étape.

Pour commencer, ouvrez Google Agenda et cliquez sur l'icône des paramètres (engrenage) en haut.

Cela vous mènera à une nouvelle page où vous devrez trouver la section « Paramètres de mes agendas » sur la gauche. Ici, vous verrez une liste de tous les agendas que vous avez créés.

Cliquez simplement sur l'agenda que vous souhaitez utiliser sur votre site WordPress. Une fois que vous l'avez sélectionné, ses paramètres s'ouvriront sur le côté droit.

Maintenant, trouvez la section « Autorisations d'accès aux événements » et cochez la case « Rendre disponible au public ». Ensuite, assurez-vous que « Voir tous les détails des événements » est également activé.

Cela permet aux visiteurs de votre site de voir correctement vos événements.

Maintenant que votre agenda est prêt et accessible publiquement, votre site web dispose des autorisations nécessaires pour importer et afficher vos événements. C'est une étape essentielle qui permet aux méthodes d'intégration et de synchronisation de fonctionner correctement.

Voyons comment ajouter facilement un Google Agenda à votre site WordPress.

Vous pouvez utiliser les liens ci-dessous pour accéder à la méthode que vous préférez :

• Method 1: Add Google Calendar Using the Custom HTML Block (Beginner-Friendly)
• Method 2: Add Google Calendar Using Sugar Calendar (Best for More Control)
  • Étape 5 : Afficher le Google Agenda sur votre site web
• Bonnes pratiques pour utiliser Google Agenda dans WordPress
• Bonus : Comment ajouter automatiquement des événements à Google Agenda à l'aide d'un formulaire
• Foire aux questions sur Google Agenda
• Découvrez d'autres façons d'améliorer votre site WordPress

Méthode 1 : Ajouter Google Agenda à l'aide du bloc HTML personnalisé (adapté aux débutants)

Si vous souhaitez un moyen rapide et léger d'afficher votre Google Agenda dans WordPress, cette méthode est votre meilleure option.

Il utilise un bloc WordPress intégré, vous n'avez donc pas besoin d'installer de plugins ni de vous soucier de ralentir votre site.

Tout ce que vous avez à faire est de copier le code d'intégration que Google fournit et de le coller dans le bloc HTML personnalisé à l'intérieur de l'éditeur de blocs WordPress.

Une fois que vous aurez mis à jour votre page, votre calendrier apparaîtra instantanément sur votre site web, entièrement interactif et synchronisé avec votre compte Google.

Étape 1 : Obtenir le code d'intégration du calendrier Google

Tout d'abord, ouvrez votre calendrier Google et cliquez sur l'icône des paramètres (roue dentée) en haut. Cela vous mènera à la page des paramètres du calendrier.

Maintenant, sur la gauche, sous « Paramètres de mes calendriers », vous verrez une liste de tous les calendriers que vous avez créés.

Cliquez simplement sur le calendrier que vous souhaitez intégrer, et ses paramètres apparaîtront sous le nom du calendrier. Dans cette liste, sélectionnez l'option « Intégrer le calendrier ».

Une fois que vous le faites, les paramètres d'intégration de ce calendrier apparaîtront sur le côté droit de l'écran. Ici, vous verrez plusieurs liens, identifiants et différents formats.

Ne vous souciez pas des autres options — celle dont vous avez besoin est le code d'intégration, qui commence par <iframe>.

Allez-y et copiez ce code et enregistrez-le dans un bloc-notes ou tout éditeur de texte pour l'instant. Ce petit extrait est ce que vous utiliserez pour afficher l'agenda sur votre site WordPress.

Étape 2 : Personnaliser votre calendrier (facultatif)

La personnalisation de votre calendrier est entièrement facultative. Si vous êtes satisfait de l'apparence par défaut, vous pouvez sauter cette étape.

Mais si vous souhaitez que votre calendrier corresponde mieux au style de votre site, cliquez sur « Personnaliser » à côté du code d'intégration. Vous verrez plusieurs options pour ajuster l'apparence de votre calendrier.

Vous pouvez choisir d'afficher le titre en haut, d'activer les boutons de navigation pour permettre aux visiteurs de passer d'un mois à l'autre ou d'une semaine à l'autre, et d'afficher la date.

Vous pouvez également ajouter une icône d'impression pour les visiteurs qui souhaitent une copie physique, et afficher un menu Affichage pour qu'ils puissent basculer entre les vues mois, semaine ou agenda.

Assurez-vous que le fuseau horaire de votre calendrier est correct afin que vos événements apparaissent à la bonne heure.

Vous pouvez également ajuster la bordure, la largeur et la hauteur pour qu'elles correspondent à votre page.

Vous n'avez pas à tout changer, ajustez simplement les paramètres qui comptent le plus pour votre site. J'ajuste généralement la largeur, la hauteur et la vue par défaut, et je laisse le reste tel quel.

Gardez à l'esprit que toutes les modifications que vous apportez ici mettront à jour votre code d'intégration. Après personnalisation, copiez simplement le code mis à jour du champ en haut.

Étape 3 : Ajoutez votre calendrier à WordPress

Maintenant que vous avez votre code d'intégration, il est temps d'ajouter le calendrier à votre site WordPress.

Commencez par aller dans Pages » Ajouter, ou ouvrez une page existante où vous souhaitez que le calendrier apparaisse. Ensuite, cliquez sur le bouton « + » pour ouvrir le menu des blocs.

À partir de là, localisez et sélectionnez le bloc « HTML personnalisé ». C'est là que vous collerez le code d'intégration que vous avez copié depuis Google Agenda.

Après cela, cliquez sur « Aperçu » dans la barre d'outils du bloc pour voir à quoi ressemble votre calendrier sur la page.

Si vous n'aimez pas son apparence, vous pouvez toujours revenir en arrière, personnaliser votre Google Agenda et coller le code d'intégration mis à jour.

Une fois que tout semble correct, cliquez sur le bouton « Publier ».

Votre Google Agenda est maintenant en ligne et visible par vos visiteurs.

Méthode 2 : Ajouter Google Agenda en utilisant Sugar Calendar (Idéal pour plus de contrôle)

Si vous souhaitez un contrôle plus poussé sur l'affichage, la personnalisation et l'intégration de votre calendrier, alors cette méthode est faite pour vous.

Sugar Calendar est le meilleur plugin de calendrier d'événements pour WordPress. Il vous permet d'importer facilement votre Google Agenda sur votre site Web et de le gérer depuis le tableau de bord WordPress.

Il est important de savoir que ce plugin utilise une synchronisation unidirectionnelle. Cela signifie que toutes les mises à jour que vous effectuez dans Google Agenda s'afficheront automatiquement sur votre site WordPress.

Cependant, les modifications apportées dans WordPress ne seront pas renvoyées à votre Google Agenda.

Une fois votre agenda importé, vous pouvez ajouter et modifier des événements, tout visualiser dans le back-end et l'afficher sur le front-end pour vos visiteurs, le tout en quelques clics.

Vous pouvez également inclure des détails supplémentaires pour chaque événement, tels que des descriptions, des lieux et des liens, afin d'offrir à vos utilisateurs une expérience plus riche.

J'ai testé Sugar Calendar en profondeur et je l'ai trouvé fiable, léger et facile à utiliser. C'est le plugin que je recommande personnellement à quiconque cherche à afficher des calendriers Google. Si vous souhaitez plus d'informations sur les fonctionnalités du plugin, consultez notre avis sur Sugar Calendar.

Étape 1 : Installer et activer Sugar Calendar

La première étape consiste à installer et activer le plugin Sugar Calendar. Si vous ne savez pas comment faire, nous avons un guide complet sur l'installation d'un plugin WordPress pour vous aider.

Après l'activation, rendez-vous sur la page Événements » Paramètres de votre tableau de bord WordPress.

Ici, vous devrez entrer votre clé de licence pour débloquer les fonctionnalités Pro.

Vous pouvez trouver ces informations dans votre compte sur le site Web de Sugar Calendar. Une fois la licence activée, vous êtes prêt à commencer à importer votre calendrier Google.

Étape 2 : Importez votre calendrier Google dans WordPress

Il est maintenant temps de connecter votre calendrier Google afin que vos événements puissent se synchroniser automatiquement avec votre site Web WordPress. Heureusement, Sugar Calendar rend ce processus très simple.

Tout d'abord, ouvrez votre calendrier Google dans un nouvel onglet et cliquez sur l'icône des paramètres (roue dentée) en haut.

Vous serez redirigé vers un nouvel écran. Sur le côté gauche, accédez à la section « Paramètres de mes calendriers » et cliquez sur le calendrier que vous souhaitez afficher dans WordPress.

Cela ouvrira plus d'options. À partir de là, cliquez sur « Intégrer le calendrier » pour afficher les paramètres de partage et d'intégration de votre calendrier.

Sous cette section, vous verrez deux liens iCal différents : « Adresse publique au format iCal » et « Adresse secrète au format iCal ».

Pour que Sugar Calendar puisse importer correctement vos événements et les maintenir synchronisés, vous devez copier l'« Adresse secrète au format iCal ». Il s'agit d'une URL sécurisée et unique conçue pour les intégrations avec des applications comme Sugar Calendar.

C'est l'option la plus fiable, alors copiez cette adresse pour continuer.

Ensuite, retournez à votre tableau de bord WordPress et allez à la page Événements » Outils. Vous y verrez des options pour importer un calendrier soit en téléchargeant un fichier, soit en utilisant une URL iCal.

Comme vous souhaitez que votre Google Agenda reste synchronisé automatiquement, vous devez coller l'URL que vous avez copiée précédemment dans le champ « Importation iCalendar (ICS) ».

Après cela, cliquez sur le bouton « Importer ».

Sugar Calendar importera maintenant vos événements et les maintiendra automatiquement à jour, de sorte que toute modification que vous apportez dans Google Agenda apparaîtra sur votre site WordPress.

Gardez à l'esprit que la synchronisation se fait généralement périodiquement, il peut donc falloir jusqu'à une heure pour que les nouveaux événements ou les événements modifiés apparaissent sur votre site Web.

Étape 3 : Afficher et gérer votre Google Agenda synchronisé dans WordPress

Une fois l'importation terminée, allez à la page Événements de votre tableau de bord WordPress. Vous verrez maintenant votre calendrier Google répertorié ici, ainsi que tous vos événements synchronisés, y compris les rendez-vous, les réunions, les réservations ou les consultations.

Il est important de noter que ce calendrier n'est visible que pour vous et les membres de votre équipe qui ont accès à la zone d'administration WordPress.

Il n'apparaîtra pas encore sur le front-end de votre site car vous le visualisez actuellement dans le back-end pour le gérer.

À partir de là, Sugar Calendar facilite la navigation dans vos événements. Vous pouvez passer d'un mois ou d'une année à l'autre, aller à une date spécifique, ou utiliser des étiquettes et des filtres pour organiser votre calendrier.

Il y a aussi une barre de recherche intégrée, ce qui est parfait pour localiser rapidement un événement.

Par exemple, si vous recherchez un rendez-vous client spécifique, tapez simplement leur nom, et Sugar Calendar le trouvera instantanément.

Cela vous donne un contrôle et une visibilité complets sur votre calendrier Google directement dans WordPress.

Étape 4 : Ajouter ou modifier des événements dans Sugar Calendar

L'une des raisons pour lesquelles j'apprécie vraiment l'utilisation de Sugar Calendar est qu'il vous donne un contrôle total sur vos événements directement depuis le tableau de bord WordPress.

Par exemple, vous pouvez commencer à ajouter de nouveaux événements ou à modifier ceux qui existent déjà directement depuis votre site Web.

Il est important de comprendre comment fonctionne la synchronisation. Tout événement que vous ajoutez ou mettez à jour dans Google Agenda apparaîtra automatiquement dans Sugar Calendar. Cependant, la synchronisation ne fonctionne pas dans l'autre sens.

Cela signifie que si vous ajoutez ou modifiez un événement dans Sugar Calendar, il n'apparaîtra que dans votre calendrier WordPress et non dans votre Google Agenda d'origine.

Je trouve cela utile car cela me permet d'ajouter des événements internes ou des annonces spécifiques au site Web sans affecter mon agenda Google principal.

Pour créer un nouvel événement, accédez à la page Événements de votre tableau de bord WordPress et cliquez sur le bouton « Ajouter un nouvel événement ».

Cela ouvrira l'éditeur d'événements, où vous pourrez saisir un nom d'événement clair et pertinent. Je recommande d'utiliser un nom facile à reconnaître, tel que « Consultation de Jane avec le Dr Cowley ».

Après cela, choisissez la date et l'heure de début, et configurez les autres paramètres dont vous avez besoin, comme les options RSVP ou les détails de l'événement.

Pour des instructions étape par étape, consultez notre tutoriel sur comment créer un calendrier d'événements simple dans WordPress.

Lorsque vous cliquez sur le bouton « Publier », l'événement sera immédiatement ajouté à votre vue de calendrier WordPress.

Vous pouvez également modifier les événements importés de votre Google Agenda. Cliquez simplement sur l'événement dans votre agenda, et une fenêtre contextuelle apparaîtra avec ses détails.

À partir de là, vous pouvez cliquer sur le lien « Modifier » pour apporter des modifications.

Ces mises à jour vous aideront à mieux organiser votre agenda dans WordPress sans affecter le calendrier d'origine de votre compte Google.

Étape 5 : Afficher le Google Agenda sur votre site web

Maintenant que vous avez connecté et géré avec succès votre calendrier Google dans WordPress, il est temps de l'afficher sur votre site Web afin que les visiteurs puissent voir vos événements à venir.

Pour ce faire, ouvrez simplement la page ou l'article où vous souhaitez que votre calendrier apparaisse. Cliquez sur le bouton « + Ajouter un bloc », et dans la barre de recherche de blocs, tapez « Calendrier d'événements ».

Lorsque le bloc apparaît, cliquez dessus pour insérer le calendrier dans votre page.

Vous verrez instantanément un aperçu de votre calendrier directement dans l'éditeur. Une fois que vous êtes satisfait de l'emplacement, cliquez sur le bouton « Mettre à jour » ou « Publier » en haut pour enregistrer vos modifications.

Après cela, visitez le front-end de votre site, et vous verrez votre Google Agenda magnifiquement affiché et synchronisé automatiquement.

Bonnes pratiques pour utiliser Google Agenda dans WordPress

Pour vous assurer que tout fonctionne correctement sur votre site, je vous recommande de suivre ces bonnes pratiques.

Elles vous aideront à garder votre calendrier organisé, sécurisé et facile à utiliser pour les visiteurs :

• Utilisez un calendrier séparé pour l'affichage public : Cela permet de protéger votre vie privée en séparant vos événements personnels ou internes de ce qui est affiché sur votre site web.
• Maintenez vos événements régulièrement à jour : Les visiteurs comptent sur votre calendrier pour des informations précises, alors assurez-vous que votre emploi du temps est toujours à jour.
• Utilisez le codage couleur de Google Agenda pour organiser les événements : Attribuez différentes couleurs à des catégories telles que les réunions, les cours ou les ateliers en ligne pour faciliter la lecture de votre calendrier.
• Créez une page dédiée aux événements ou à l'emploi du temps : Ajouter votre calendrier à une page autonome aide les visiteurs à trouver rapidement vos disponibilités ou vos événements à venir sans confusion.

En suivant ces conseils, vous pouvez créer un système de gestion d'événements professionnel, convivial et facile à maintenir.

Bonus : Comment ajouter automatiquement des événements à Google Agenda à l'aide d'un formulaire

À présent, vous avez ajouté votre Google Agenda à WordPress, et les utilisateurs peuvent voir vos événements sur le front-end.

Mais que se passerait-il si vous pouviez également permettre aux visiteurs de s'inscrire à un événement sur votre site Web et que cela apparaisse automatiquement dans votre Google Agenda ?

C'est exactement ce que vous pouvez faire avec WPForms en utilisant son intégration Google Agenda.

Une fois connecté, le plugin envoie automatiquement chaque soumission de formulaire à votre Google Agenda sous forme de nouvel événement.

Que quelqu'un réserve une consultation, s'inscrive à un cours ou à un atelier, tous les détails (comme le nom, l'heure, l'e-mail et les notes) apparaîtront immédiatement dans votre agenda, sans avoir à copier-coller.

C'est parfait si vous :

• Vous souhaitez automatiser votre processus de planification.
• Gérer un site Web basé sur des services ou des rendez-vous.
• Organiser des événements, des webinaires ou des cours.
• Besoin d'un moyen fiable de rester organisé sans saisie manuelle de données.

J'ai utilisé cette configuration moi-même, et elle transforme votre agenda d'un simple affichage en un puissant système de réservation et de planification.

Si cela vous intéresse, vous pouvez suivre notre guide étape par étape sur comment ajouter des événements Google Agenda depuis votre site Web à l'aide d'un formulaire de contact.

Foire aux questions sur Google Agenda

Avant de terminer, je souhaite répondre rapidement à certaines des questions les plus fréquentes que les lecteurs posent lors de l'intégration de Google Agenda avec WordPress.

Celles-ci vous aideront à éviter la confusion et à vous assurer que tout continue de fonctionner sans problème.

Puis-je ajouter plus d'un Google Agenda dans WordPress ?

Oui, vous pouvez facilement ajouter plusieurs agendas dans WordPress. Vous pouvez soit les fusionner en une seule vue dans Google Agenda, soit intégrer chaque agenda séparément sur différentes pages ou sections de votre site.

Ai-je besoin de Google Workspace pour créer un Google Agenda ?

Non, un compte Gmail gratuit classique suffit amplement. Google Workspace n'est requis que si vous avez besoin de fonctionnalités de partage d'équipe ou de contrôles d'administration avancés.

Les mises à jour de mon Google Agenda apparaîtront-elles automatiquement sur mon site ?

Oui, mais pas toujours instantanément. Lorsque vous utilisez un plugin comme Sugar Calendar, la synchronisation se fait périodiquement, il faut donc jusqu'à une heure pour que les modifications apparaissent.

Si vous avez utilisé la méthode d'intégration, les mises à jour devraient apparaître beaucoup plus rapidement, généralement après un rafraîchissement de la page.

L'ajout d'un Google Agenda dans WordPress est-il adapté aux mobiles ?

Oui — les méthodes d'intégration et basées sur des plugins sont entièrement réactives.

Votre agenda s'ajustera pour s'adapter aux smartphones, tablettes et écrans de bureau afin que les visiteurs puissent toujours consulter votre emploi du temps clairement.

Découvrez d'autres façons d'améliorer votre site WordPress

Maintenant que vous avez automatisé votre calendrier d'événements, pourquoi ne pas faire passer votre site WordPress au niveau supérieur ?

Consultez ces articles utiles pour améliorer votre stratégie et votre efficacité de blogging :

• Comment planifier vos articles dans WordPress (étape par étape)
• Comment ajouter de magnifiques chronologies d'événements dans WordPress (2 méthodes)
• Quel est le meilleur moment pour publier un blog (+ comment le tester)
• Comment gérer efficacement les séries d'articles dans WordPress
• Faut-il conserver ou supprimer le contenu ancien dans WordPress ? (Avis d'expert)
• Comment afficher les événements à venir dans WordPress (la méthode facile)
• Comment créer un calendrier d'événements soumis par les utilisateurs dans WordPress

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.