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.
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
.icsbrut 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égration | Fonctionnement | Idéal pour |
|---|---|---|
| Méthode 1 : Snippet HTML Universel | Copiez-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 directs | Cré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 RSVP | Un 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 :
- Créez votre événement dans le Studio Événements CalLink et ouvrez les options de partage.
- 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.
- 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/...).
- Ajoutez un bloc Bouton classique intitulé « Réserver ma place & Ajouter à l'agenda » et collez le lien de votre page publique (
2. Mailchimp
Dans l'éditeur Mailchimp :
- Glissez un bloc Code sous le paragraphe présentant votre événement.
- Remplacez le code par défaut par le snippet HTML CalLink.
- 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 URLhttps://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 :
- Dans l'éditeur Klaviyo, glissez un bloc HTML ou Texte (en mode code source
</>) et collez le snippet HTML CalLink. - 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 :
- Cliquez sur + Plus dans le panneau de gauche et glissez le module HTML – E-mail.
- Collez le snippet HTML généré par CalLink.
- 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.icsuniversel)
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.
Articles & Comparatifs recommandés
Voir tous (Intégrations)Comment intégrer un calendrier d'abonnement synchronisé sur Notion, Skool, Webflow et WordPress
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