Comment intégrer un calendrier d'abonnement synchronisé sur Notion, Skool, Webflow et WordPress
Guide pratique pour partager et intégrer un flux de calendrier synchronisé (/c/:slug) ou des boutons d'agenda sur Notion, Skool, Circle, Webflow et WordPress.
Grille visuelle intégrée vs Flux d'abonnement 1-clic : La vraie différence
Lorsque vous construisez un portail étudiant sur Notion, une communauté sur Skool ou Circle, ou un site sur Webflow ou WordPress, une question revient systématiquement : « Comment partager notre planning pour que nos membres ne ratent aucune session ? »
Beaucoup commencent par intégrer une iframe d'une grille Google Agenda au milieu d'une page. Si cela habille visuellement la page, cette approche souffre d'un défaut majeur :
Si votre élève ou client n'est pas connecté sur votre page Notion le mardi à 17h45, il ne reçoit aucun rappel sur son téléphone.
Un Flux de Calendrier par Abonnement (disponible avec CalLink Business via une URL dédiée cal-link.com/c/votre-slug) résout définitivement ce problème. Vos membres s'abonnent en 1 clic une seule fois : tous vos événements futurs — ainsi que vos changements d'horaires ou de liens Zoom — se synchronisent directement dans leur Apple Calendar (iPhone/Mac), Google Agenda ou Outlook, avec notifications push sur l'écran verrouillé.
Voici comment l'intégrer efficacement sur les 4 plateformes les plus utilisées.
1. Notion (Portails étudiants, Espaces de formation & Wikis d'équipe)
Notion est l'outil de référence pour les bootcamps, organismes de formation et coachings. Voici les deux meilleures façons d'y intégrer votre calendrier CalLink :
Option A : Le bloc Callout + Bouton Notion (Recommandé)
- Tout en haut de votre page d'accueil Notion, tapez
/calloutpour créer un encadré bien visible. - Ajoutez une icône (ex. 📅) et un message d'action clair :
- Texte : « Étape 1 : Synchronisez tous les cours live et liens Zoom dans votre agenda personnel en 1 clic »
- Juste en dessous, tapez
/bouton(Button) dans Notion, choisissez l'action Ouvrir l'URL et collez le lien de votre calendrier :https://cal-link.com/c/votre-promo.
Option B : Combiner le lien Desktop avec un QR Code pour synchroniser sur iPhone/Android
Beaucoup d'apprenants consultent Notion sur leur ordinateur portable, mais souhaitent recevoir leurs alertes sur leur smartphone :
- Générez le QR code personnalisé de votre calendrier avec le Studio QR Code CalLink.
- Créez deux colonnes dans Notion : placez le bouton d'abonnement 1-clic à gauche (pour l'ordinateur) et glissez l'image du QR code à droite pour que l'élève puisse le scanner avec son téléphone en 2 secondes.
2. Skool & Circle (Communautés en ligne & Académies)
Si vous animez des sessions de questions-réponses hebdomadaires, des lives ou des masterclasses sur Skool ou Circle :
- Dans les liens de la barre latérale Skool (Sidebar Links) :
- Ouvrez les paramètres de votre groupe Skool (Settings > Links).
- Ajoutez un lien intitulé 📅 Synchroniser l'Agenda Live (1-Clic) pointant vers
https://cal-link.com/c/votre-communaute. - Ce lien reste visible en permanence dans la colonne de droite pour tous vos membres.
- Dans le module d'accueil « Commencez ici » :
- Faites de l'abonnement au calendrier la toute première étape d'onboarding de vos nouveaux membres.
- Grâce à la synchronisation dynamique
webcal://, chaque fois que vous ajouterez un nouvel atelier le mois suivant sur CalLink, il apparaîtra automatiquement dans l'agenda de tous vos membres abonnés.
3. Webflow & Framer (Sites vitrines, SaaS & Pages événements)
Pour les équipes marketing et agences utilisant Webflow ou Framer :
Pour un événement unique ou un webinaire :
- Glissez un élément Embed (Webflow) ou Custom Code (Framer) sur votre page d'inscription.
- Collez le Snippet HTML CalLink, ou reliez directement vos propres boutons Webflow aux liens suivis de CalLink (
/t/:id/google,/t/:id/outlook,/t/:id/apple).
Pour une programmation annuelle ou une série d'événements :
- Ajoutez un bouton d'appel à l'action « S'abonner au calendrier de nos événements » pointant vers
https://cal-link.com/c/votre-marque. - Vos visiteurs accèdent à votre page d'abonnement en marque blanche (avec votre logo, votre couleur d'accent et l'aperçu des prochaines dates) et synchronisent leur appareil en un clic.
4. WordPress (Gutenberg, Elementor & Divi)
Les clubs sportifs, associations, mairies, écoles et entreprises sous WordPress peuvent intégrer CalLink en quelques secondes sans installer d'extension lourde qui ralentit le site :
- Avec l'éditeur de blocs Gutenberg :
- Ajoutez un bloc HTML personnalisé pour coller la rangée de boutons multi-agendas CalLink, OU
- Utilisez un bloc Bouton natif pointant vers votre page d'inscription (
/e/:id) ou votre calendrier d'abonnement (/c/:slug).
- Avec Elementor ou Divi :
- Glissez le widget HTML et collez votre snippet.
- Comme CalLink ne charge aucun script JavaScript tiers lourd sur votre page, l'impact sur vos performances SEO et Core Web Vitals (LCP/INP) est de 0 ms.
3 bonnes pratiques pour maximiser le taux d'abonnement
- Mettez toujours le lien Zoom/Meet ou l'adresse précise dans le champ Lieu : Le jour J, vos abonnés cliqueront directement sur le lien depuis la notification de leur écran verrouillé.
- Intégrez le lien dès l'onboarding J+0 : Plus de 80 % des abonnements au calendrier ont lieu dans les 24 premières heures suivant l'arrivée d'un nouveau membre.
- Affichez aussi le QR Code sur vos supports de présentation : Lors de votre premier live d'accueil, affichez le QR code à l'écran pendant 30 secondes pour que tous les participants synchronisent le reste de la saison sur leur mobile.
👉 Découvrez les Calendriers par Abonnement ou Créez votre premier flux sur CalLink.
Articles & Comparatifs recommandés
Voir tous (Intégrations)Guide d'intégration : Ajouter des boutons d'agenda 1-clic dans Brevo, Mailchimp, Klaviyo et HubSpot
Comment créer un formulaire d'inscription avec ajout automatique à Google Agenda (sans Zapier ni code)
CalLink vs Luma (lu.ma) vs Eventbrite : Quel outil choisir pour vos inscriptions et invitations d'agenda ?
Prêt à créer vos liens pour vos prochaines campagnes ?
Générez des liens universels et des boutons HTML prêts à coller dans vos newsletters en quelques secondes. Gratuit et sans inscription.
Ouvrir le générateur