Add to Calendar Button for Events

This help doc explains the function of the add to calendar button and how to include it on your website or landing page. The add to calendar button for events on websites and calendars is easy to install, language-independent, timezone, and DST compatible. It works perfectly in all modern browsers, tablets, and mobile devices, along with Apple Calendar, Google Calendar, Outlook, Outlook.com, and Yahoo Calendar.v

How to Add the Add to Calendar Button on a Website

  1. To find the Add to Calendar button, start on the event details page.
  2. Scroll down to the Add to Calendar button section.
  3. Click the + sign to expand the Add to Calendar button section.
  4. To embed the add to calendar button, copy and paste the following script (linked here) in the section into your website's head section:
    1. <!-- AddEvent script -->
      <script type="text/javascript" src="https://cdn.addevent.com/libs/atc/1.6.1/atc.min.js" async defer></script>

  5. Now add the button code. To do so, click the <> button in the bottom right corner of the Add to Calendar button section to access the source code for the event.
  6. Add the domain where you use the button in the domains section.

Advanced Options

For additional customization options, view the Add to Calendar button advanced settings available on our GitHub page.