Help

FAQ

  • Does the Add to Calendar Button consider time zones?

    Yes. Use an IANA time-zone name such as Europe/Berlin; the component uses its maintained iCalendar time-zone library to produce reliable calendar data worldwide.

  • Does the Add to Calendar Button support my language?

    The component includes more than 49 languages and locale variants, including right-to-left layouts for Arabic and Persian. Set the language attribute or override individual strings with customLabels.

  • Does the Add to Calendar Button work with JavaScript frameworks?

    Yes. As a standards-based web component it works with React, Vue, Angular, Svelte, Astro, Next.js, Nuxt, and other frameworks. Follow the matching guide from the installation section.

  • Does the Add to Calendar Button work with website builders?

    Yes, when the builder allows custom HTML and JavaScript. Add the package script and custom element through the builder’s embed or custom-code feature; consult the implementation guide for the standard setup.

  • Does the Add to Calendar Button work with WordPress?

    Yes. Use the dedicated Add to Calendar Button plugin or integrate the web component manually in a custom HTML block or theme.

  • How can I customize the Add to Calendar Button?

    Set attributes directly on the custom element to control event data, calendars, behavior, labels, language, light mode, and built-in styles. Start with the configuration reference and examples; use customCss only when the built-in options are not enough.

  • How can I implement the Add to Calendar Button?

    Install the package or load it from a CDN, import the script, and add an <add-to-calendar-button> element with your event attributes. It is a web component, so the same markup works in plain HTML, frameworks, site builders, and WordPress. See the installation guide.

  • How does the Add to Calendar Button work?

    When clicked, the client-side TypeScript component creates the appropriate calendar link or ICS file and opens the selected calendar. It supports Apple, Google, Microsoft 365, Outlook.com, Microsoft Teams, Yahoo, and generic iCalendar clients.

  • Is the Add to Calendar Button free to use?

    Yes. The client-side Add to Calendar Button is free for personal and commercial projects under the Elastic License 2.0. Keep the copyright information and do not use it to build a competing managed event-sharing service.

  • What is an Add to Calendar Button?

    It lets visitors save an event directly to their preferred calendar app. A robust button handles provider formats, time zones, browsers, and devices behind the scenes.

  • What makes this Add to Calendar Button different?

    It is actively maintained, free to use, framework-independent, and built around real browser, device, calendar-provider, and time-zone edge cases. Unlike hosted-only alternatives, the free component runs on your site without an account.