Retour aux articles
Intégrations7 min de lecture

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.

C
L'équipe CalLink
Équipe Produit & Marketing•2026-10-16

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é)

  1. Tout en haut de votre page d'accueil Notion, tapez /callout pour créer un encadré bien visible.
  2. 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 »
  3. 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 :

  1. Générez le QR code personnalisé de votre calendrier avec le Studio QR Code CalLink.
  2. 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 :

  1. 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.
  2. 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 :

  1. Glissez un élément Embed (Webflow) ou Custom Code (Framer) sur votre page d'inscription.
  2. 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 :

  1. Ajoutez un bouton d'appel à l'action « S'abonner au calendrier de nos événements » pointant vers https://cal-link.com/c/votre-marque.
  2. 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 :

  1. 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).
  2. 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

  1. 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é.
  2. 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.
  3. 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.

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