Un Web Component indépendant de tout framework, qui permet aux visiteurs d’enregistrer vos événements dans Google, Apple, Outlook, Yahoo et iCal sans la moindre friction.
Parcours ciblé
Que vous souhaitiez un code propre dans votre stack frontend ou une page événementielle complète sans code, nous avons la solution.
Ajoutez un seul Web Component à toute application web ou site statique.
# Install via npmnpm install add-to-calendar-button<!-- CDN Script Tag in <head> --><script src="https://cdn.jsdelivr.net/npm/add-to-calendar-button" async defer></script>Avec quelle technologie développez-vous ?
Besoin de gérer visuellement vos boutons, de formulaires RSVP, de fichiers .ics hébergés ou de pages événementielles sans écrire de code ?
Configurateur interactif
Personnalisez les paramètres de l’événement et les réglages de mise en page en temps réel, puis copiez le code du Web Component généré en direct.
Chargement de l’aire de jeu…
Chargement de l’aire de jeu…
Ce playground couvre une partie des attributs disponibles. Pour consulter le schéma complet, voir la documentation de configuration
Fonctionnalités du moteur
Les API de calendrier et les spécifications .ics exigent une gestion rigoureuse de chaque plateforme. Nous avons résolu toutes les anomalies liées aux navigateurs, aux protocoles et aux fuseaux horaires pour que vous n’ayez pas à le faire.
Des liens profonds directs pour les calendriers web (Google, Outlook, Office 365, Yahoo), ainsi que des fichiers .ics validés selon la RFC 5545 pour Apple et les clients de bureau natifs.
Voir les exemples de calendriersPrend en charge les événements d’une journée entière, les calendriers à plusieurs dates, les récurrences RRULE, les abonnements et les paramètres de date dynamiques mis à jour en JavaScript.
Voir la documentation de configurationDétecte automatiquement le fuseau horaire local du navigateur et convertit les décalages UTC de manière transparente, y compris lors des passages à l’heure d’été ou d’hiver.
Détails sur les fuseaux horairesRigoureusement testé avec les bloqueurs de fenêtres surgissantes de Safari sur iOS, Chrome sur Android, les WebViews mobiles intégrées (Instagram, LinkedIn) et les protocoles de la messagerie web Outlook.
Essayer dans le playgroundThèmes personnalisés, propriétés CSS personnalisées, libellés de bouton personnalisés et localisation i18n automatique dans 49+ langues selon la langue du navigateur.
Liste des languesConforme aux WCAG AA avec prise en charge du clavier et des lecteurs d’écran. Exécution 100 % côté client, environnements RGPD stricts et prise en charge des nonces CSP.
Documentation sur la sécuritéUn choix clair
Choisissez le Web Component gratuit pour les projets sur mesure, ou passez à PRO si vous avez besoin d’une gestion visuelle, du suivi des RSVP et de pages événementielles.
| Fonctionnalités | Web Component gratuit | Add to Calendar PRO |
|---|---|---|
| Déploiement et installationComment l’intégrer à votre workflow | Intégration via npm, CDN ou HTML | Page hébergée et code d’intégration |
| ConfigurationMode de configuration du bouton et de l’événement | Configuration dans le code | Interface de gestion visuelle |
| Liens et fichiers d’enregistrement dans les calendriersGoogle, Apple, Outlook, Yahoo, iCal | Génération des options d’enregistrement | Génération des options et hébergement .ics géré |
| Pages événementiellesMicrosites dédiés aux événements | Intégration manuelle à votre site | Pages événementielles |
| RSVP et suivi des participantsFormulaires de confirmation et listes d’invités | - | Formulaires RSVP |
| CTA post-enregistrement et intégrationsActions de suivi et automatisation | - | CTA post-enregistrement, API, webhooks, Zapier et Pipedream |
| Licence et accèsModèle de licence | Gratuit (Elastic License 2.0) | Offres gratuites et payantes disponibles |