Ein Web Component ohne Framework-Bindung, mit dem Besucher Events mühelos in Google, Apple, Outlook, Yahoo und iCal speichern können.
Passender Workflow
Ob du sauberen Code in deinem Frontend-Stack oder eine vollständige No-Code-Eventseite möchtest: Wir haben die passende Lösung.
Füge eine einzige Web Component in jede Webanwendung oder statische Website ein.
# 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>Womit entwickelst du?
Brauchst du visuelle Button-Verwaltung, RSVP-Formulare, gehostete .ics-Dateien oder Event-Landingpages, ohne Code zu schreiben?
Interaktiver Konfigurator
Passe Eventparameter und Layout-Einstellungen in Echtzeit an und kopiere anschließend den live generierten Web-Component-Code.
Playground wird geladen…
Playground wird geladen…
Dieser Playground deckt einen Teil der verfügbaren Attribute ab. Alle Schemadetails findest du in der Konfigurationsdokumentation
Kernfunktionen der Engine
Kalender-APIs und .ics-Spezifikationen erfordern eine sorgfältige plattformspezifische Handhabung. Wir haben jede Browser-, Protokoll- und Zeitzonenanomalie gelöst, damit du es nicht tun musst.
Direkte Deep Links für Webkalender (Google, Outlook, Office 365, Yahoo) sowie validierte .ics-Dateien nach RFC 5545 für Apple und native Desktop-Clients.
Kalenderbeispiele ansehenUnterstützt Ganztages-Events, Terminreihen, wiederkehrende RRULE-Intervalle, Abonnements und dynamische, per JavaScript aktualisierte Datumsparameter.
Konfigurationsdokumentation ansehenErkennt automatisch die lokale Browser-Zeitzone der Besucher und rechnet UTC-Abweichungen einschließlich der Sommerzeitwechsel nahtlos um.
ZeitzonendetailsUmfassend getestet mit Popup-Blockern in iOS Safari, Android Chrome, mobilen In-App-WebViews (Instagram, LinkedIn) und den Protokollen von Outlook Webmail.
Im Playground testenEigene Themes, CSS Custom Properties, individuelle Button-Texte und automatische i18n-Lokalisierung in 49+ Sprachen anhand der Browser-Sprache.
SprachenlisteWCAG-AA-konform mit Tastatur- und Screenreader-Unterstützung. Vollständig clientseitige Ausführung, geeignet für strenge DSGVO-Umgebungen und mit Unterstützung für CSP-Nonces.
SicherheitsdokumentationEine klare Wahl
Nutze den kostenfreien Web Component für individuelle Codebasen oder wechsle zu PRO, wenn du visuelle Verwaltung, RSVP-Tracking und Landingpages brauchst.
| Funktion | Kostenfreier Web Component | Add to Calendar PRO |
|---|---|---|
| Bereitstellung und SetupSo integrierst du sie in deinen Workflow | Einbettung über npm / CDN / HTML | Gehostete Seite & Einbettungscode |
| KonfigurationModell zur Einrichtung von Button und Event | Im Code konfigurieren | Visuelle Verwaltungsoberfläche |
| Links & Dateien zum Speichern im KalenderGoogle, Apple, Outlook, Yahoo, iCal | Kalenderoptionen generieren | Optionen generieren + verwaltetes .ics-Hosting |
| Event-LandingpagesEigene Event-Microsites | Manuelle Integration in deine Website | Event-Landingpages |
| RSVP & Teilnehmer-TrackingBestätigungsformulare und Gästelisten | - | RSVP-Formulare |
| Post-Save-CTAs & IntegrationenFolgeaktionen und Automatisierung | - | Post-Save-CTA, API, Webhooks, Zapier & Pipedream |
| Lizenzierung / ZugriffLizenzmodell | Kostenfrei (Elastic License 2.0) | Kostenfreie & kostenpflichtige Tarife verfügbar |