---
updatedAt: 2026-09-21T19:55:18.000Z
agentTools:
  projectIndex: https://help.addevent.com/llms.txt
---

# Add to Calendar Links for Events

Use Add to Calendar links to let attendees add an event to their calendar from an email, newsletter, or marketing campaign. From the Dashboard, open the event’s Event details page, expand the Add to Calendar links section, choose a style, then either copy the rendered links into your email editor or copy the source code into an HTML block. For RSVP events, use the RSVP button or Add to Calendar button section. Do not use JavaScript Add to Calendar buttons in emails because email vendors block JavaScript.

## How to Share Add to Calendar Links - Source Code Method

If you’re using an email sender like Mailchimp or HubSpot, you can use the source code to embed Add to Calendar links. Follow these steps to use the source code version:

1. From the Dashboard, click on the event's title. You will be directed to the **Event details** page.

2. Scroll down to the **Add to Calendar links** section.

3. Click the **+** icon to expand the **Add to Calendar links** section.

4. Select your preferred styling for the Add to Calendar links or create your own style:

   <Image src="https://files.readme.io/b7d2307dab3e55790eef14065e5d5cb0ebe1e991d36ad84ea2178bc656722a3a-CleanShot_2026-05-27_at_14.03.542x.png" align="center" width="500px" border={true} />

   1. To create your own style, click the **Create style** button, select your preferred styling options, and click the **Save configuration** button:

      <Image src="https://files.readme.io/86fe976f9f14c3656cf09eecf8ec89106a3aaba3624011324630d49225b4d80d-CleanShot_2026-05-27_at_14.10.47.gif" align="center" width="500px" border={true} />

5. Click the **< >** button in the bottom right corner of the Add to Calendar Links section to access the source code for the event.

   <Image src="https://files.readme.io/1d6a2f322212b776c33fbb6f286b2181f8465e8e9dba65b272cf53602a940b99-CleanShot_2026-05-27_at_14.03.542x.png" align="center" width="500px" border={true} />

6. Click the **Copy** button to copy the code.

   <Image src="https://files.readme.io/f6ef323bbb1f14f93031774595c218078ce683b0712a28bfa249c915641cae00-CleanShot_2026-05-27_at_14.05.292x.png" align="center" width="500px" border={true} />

7. Paste the code into an HTML Block within the content editor of your email, newsletter, or campaign creator.

<Image src="https://files.readme.io/2683b36-image.png" align="center" width="400px" border={true} />

<br />

<Image src="https://files.readme.io/e4b3ef9-image.png" align="center" width="500px" border={true} />

***

<br />

## How to Share Add to Calendar Links - Classic Copy Method

1. To find the Add to Calendar links, start on the **Event details page**.
   1. To navigate to the event details page, click on the event's title from the Dashboard.

2. Scroll down to the **Add to Calendar links** section.

3. Click the **+** sign to expand the **Add to Calendar links** section.

4. Select your preferred styling for the Add to Calendar links or create your own style:

   <Image src="https://files.readme.io/288c6628365fd9a9ccbc953feefb9d9175c3f3e9740de9aae5feee5dd1e57f24-CleanShot_2026-05-27_at_14.03.542x.png" align="center" width="500px" border={true} />

   a. To create your own style, click the **Create style** button, select your preferred styling options, and click the **Save configuration** button:

   <Image src="https://files.readme.io/4dd2ee8c3d2866f8007079fd40c745ef854879991eb83da48dfaa7fead3748c0-CleanShot_2026-05-27_at_14.10.47.gif" align="center" width="500px" border={true} />

5. Click the **Copy** button in the top right corner of the Add to Calendar links section:

<Image src="https://files.readme.io/a4eb33dc7ac55892880d38b463c8b98743cd9d0b85d735603ef1897a842c1caa-CleanShot_2026-05-27_at_14.16.252x.png" align="center" width="500px" border={true} />

<br />

6. Paste the copied Add to Calendar links directly into the content editor of your email, newsletter, or campaign (as shown in the Gmail example below).

<Image src="https://files.readme.io/1c56f6c-image.png" align="center" width="500px" border={true} />

***

<br />

## How to Share a RSVP Button/Add to Calendar Button for RSVP Events - Classic Copy Method

1. To locate the Add to Calendar link/RSVP button for your RSVP event, begin on the **Event details page**.
   1. To navigate to the Event details page, click on the event's title from the Dashboard.

2. Scroll down to the **RSVP button** or **Add to Calendar button** section and click the **+** icon to expand the section.

3. Select your preferred styling for the button, or create your own:

   <Image src="https://files.readme.io/82aecf08ec623684df44ddbfe6a255f4859e899a154eae1a55dc637ac59d980c-CleanShot_2026-05-27_at_14.22.522x.png" align="center" width="500px" border={true} />

   1. To create your own style, click the **Create style** button, select your preferred styling options, and click the **Save configuration** button:

      <Image src="https://files.readme.io/f08f6a0f67a3ff00d2a95ffda910a892467db65bad720e2dea451d35bd077076-CleanShot_2026-05-27_at_14.25.33.gif" align="center" width="500px" border={true} />

4. Select the **Copy** button to copy the code:

<Image src="https://files.readme.io/787e5e7bab5907cee430fb41a2e87f0e5dca488547f14a19fe92789da6357270-CleanShot_2026-05-27_at_14.27.042x.png" align="center" width="500px" border={true} />

5. Paste the code directly into the content editor of your email, newsletter, or campaign.

   <Image src="https://files.readme.io/c649da46dc97104f91232e96834aea8ec44f2811c2dc440484808b41dbc885a0-CleanShot_2025-12-19_at_11.01.302x.png" align="center" width="500px" border={true} />

   <Callout icon="📘" theme="info">
     Learn more about RSVP buttons for RSVP events here in this help doc: <Anchor target="_blank" href="https://help.addevent.com/docs/rsvp-buttons-and-links-for-rsvp-events">RSVP Button and Links for RSVP Events</Anchor>
   </Callout>

   ***

<br />

## How to Share a RSVP Button/Add to Calendar Button for RSVP Events - Source Code Method

1. To locate the Add to Calendar link/RSVP button for your RSVP event, begin on the **Event details page**.
   1. To navigate to the Event details page, click on the event's title from the Dashboard.

2. Scroll down to the **RSVP button** or **Add to Calendar button** section and click the **+** icon to expand the section.

3. Select your preferred styling for the button, or create your own:

   <Image src="https://files.readme.io/4e603ac08d3224e164ff6c58f53ca6fc99f03533735d1688d99ea194173ba138-CleanShot_2026-05-27_at_14.22.522x.png" align="center" width="500px" border={true} />

   1. To create your own style, click the **Create style** button, select your preferred styling options, and click the **Save configuration** button:

      <Image src="https://files.readme.io/5589c2f23e6b2d4fa3588d60f09c212f0669a2089c123bf83a57a1623cb19e03-CleanShot_2026-05-27_at_14.25.33.gif" align="center" width="500px" border={true} />

4. Select the **< >** button:

   <Image src="https://files.readme.io/bd9d7066503379b29f23486f5c920f0a84d431a47c757206a3c79c010374142e-CleanShot_2026-05-27_at_14.31.502x.png" align="center" width="500px" border={true} />

5. Click the **Copy** button to copy the code.

   <Image src="https://files.readme.io/357f7fff0dabf29b757b5cb2a65f99bed2aad8bcefed8fe6e9476e86c150d9c6-CleanShot_2026-05-27_at_14.32.422x.png" align="center" width="500px" border={true} />

6. Paste the code into an HTML Block within the content editor of your email, newsletter, or campaign creator.

<br />

<Callout icon="📘" theme="info">
  Why can’t I use the Add to Calendar **button** in emails?

  Our Add to Calendar button relies on JavaScript, which email vendors do not allow for security reasons. Therefore, only Add to Calendar links can be used within emails, ensuring compatibility and ease of use.
</Callout>