Retour aux articles
Intégrations7 min de lecture

Guide d'intégration : Ajouter des boutons d'agenda 1-clic dans Brevo, Mailchimp, Klaviyo et HubSpot

Tutoriel pas à pas pour intégrer des boutons « Ajouter au calendrier » universels et des liens RSVP suivis dans vos campagnes Brevo, Mailchimp, Klaviyo et HubSpot.

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

Pourquoi joindre un fichier .ICS à une newsletter est une mauvaise idée

Lorsque vous faites la promotion d'un webinaire, d'un lancement de produit ou d'un événement dans Brevo, Mailchimp, Klaviyo ou HubSpot, la tentation est grande de vouloir glisser un fichier .ics en pièce jointe de l'email.

En pratique, cette approche échoue pour quatre raisons techniques :

  • Blocage par les routeurs d'emails : La quasi-totalité des plateformes d'emailing bloquent les pièces jointes sur les envois de campagnes marketing.
  • Pénalité antispam : Les filtres de messagerie d'entreprise (Microsoft Defender, Mimecast) se méfient des pièces jointes de masse, ce qui dégrade votre délivrabilité.
  • Friction sur smartphone : Ouvrir un fichier .ics brut depuis l'application Gmail sur Android ou Outlook sur iPhone télécharge souvent un fichier caché sans ouvrir l'agenda.
  • Zéro statistique : Vous ne savez jamais combien de destinataires ont réellement enregistré le créneau.

La bonne pratique consiste à insérer des boutons d'agenda 1-clic qui redirigent chaque lecteur vers son application habituelle (Google Agenda, Outlook, Microsoft 365, Apple Calendar ou Yahoo).


Les 3 méthodes pour intégrer CalLink dans votre outil d'emailing

Avec CalLink, vous disposez de trois méthodes d'intégration selon le design de votre email et votre objectif :

Méthode d'intégrationFonctionnementIdéal pour
Méthode 1 : Snippet HTML UniverselCopiez-collez une rangée de boutons pré-formatés (Google, Outlook, Apple, Yahoo) dans un bloc HTML.Emails de confirmation d'inscription et rappels J-1.
Méthode 2 : Boutons natifs + Liens suivis directsCréez vos boutons avec l'éditeur de votre ESP et collez les URLs suivies CalLink (/t/:id/google, etc.).Newsletters au design très strict utilisant vos boutons habituels.
Méthode 3 : Bouton unique vers votre page RSVPUn seul bouton d'appel à l'action pointant vers https://cal-link.com/e/votre-evenement.Emails d'invitation où vous souhaitez qualifier les inscrits ou garder un email très épuré.

Tutoriel pas à pas selon votre plateforme d'emailing

1. Brevo (ex-Sendinblue)

L'éditeur Drag & Drop de Brevo accepte aussi bien le snippet HTML que les liens directs :

  1. Créez votre événement dans le Studio Événements CalLink et ouvrez les options de partage.
  2. Avec le Snippet HTML :
    • Dans l'éditeur d'email Brevo, glissez le bloc HTML depuis la colonne de gauche vers votre email.
    • Cliquez sur le bloc pour ouvrir l'éditeur de code et collez le code HTML email CalLink.
    • Les boutons s'affichent immédiatement avec un CSS inline compatible Outlook et Gmail.
  3. Avec un bouton natif Brevo :
    • Ajoutez un bloc Bouton classique intitulé « Réserver ma place & Ajouter à l'agenda » et collez le lien de votre page publique (https://cal-link.com/e/...).

2. Mailchimp

Dans l'éditeur Mailchimp :

  1. Glissez un bloc Code sous le paragraphe présentant votre événement.
  2. Remplacez le code par défaut par le snippet HTML CalLink.
  3. Astuce importante sur le suivi des clics Mailchimp : Mailchimp réécrit tous les liens d'un email pour traquer les clics. Si vous mettiez un lien webcal:// brut, la réécriture Mailchimp casserait le lien. Comme les liens suivis CalLink (https://cal-link.com/t/:id/apple) utilisent une URL https:// standard, le suivi Mailchimp fonctionne à 100% sans jamais bloquer Apple Calendar ou Outlook !

3. Klaviyo

Très prisé des marques e-commerce et D2C pour les lancements de collections (drops), ventes privées et lives shopping :

  1. Dans l'éditeur Klaviyo, glissez un bloc HTML ou Texte (en mode code source </>) et collez le snippet HTML CalLink.
  2. Ou utilisez un bouton unique pointant vers votre page CalLink (/e/:id) : la page détecte automatiquement si votre client ouvre l'email depuis un iPhone (et met en avant Apple Calendar) ou un Android (Google Agenda).

4. HubSpot Marketing Email

Dans l'éditeur d'emails HubSpot :

  1. Cliquez sur + Plus dans le panneau de gauche et glissez le module HTML – E-mail.
  2. Collez le snippet HTML généré par CalLink.
  3. Si vous utilisez déjà un formulaire HubSpot en amont et envoyez un email de confirmation automatisé, utilisez les liens suivis directs CalLink :
    • https://cal-link.com/t/ID_EVENEMENT/google (Google Agenda)
    • https://cal-link.com/t/ID_EVENEMENT/outlook (Outlook.com)
    • https://cal-link.com/t/ID_EVENEMENT/office365 (Microsoft 365 Entreprise)
    • https://cal-link.com/t/ID_EVENEMENT/apple (Apple Calendar / Fichier .ics universel)

Pourquoi les liens suivis CalLink (/t/:id/:service) surpassent les liens statiques

Que se passe-t-il si vous collez un lien Google Agenda statique dans une newsletter envoyée à 5 000 abonnés, et que le lendemain votre intervenant décale le webinaire de 30 minutes ou change le lien Zoom ?

  • Avec un lien statique, impossible de modifier un email déjà envoyé : tous ceux qui cliquent enregistrent la mauvaise heure.
  • Avec les liens dynamiques CalLink (/t/:id/:service), il vous suffit de modifier l'horaire ou le lien Zoom dans votre tableau de bord CalLink. Même si un abonné clique sur votre email une semaine plus tard, CalLink génère à la volée l'invitation d'agenda avec les nouvelles informations à jour !

Prêt à tester dans votre prochaine campagne ?

Générez votre code HTML en 15 secondes sur notre Générateur gratuit CalLink ou découvrez notre guide complet des Liens d'Agenda Universels.

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