Customize Add to Calendar Buttons and Links

When you create a calendar or an event, you can share add to calendar links inside emails and campaigns and add an add to calendar button to your event or website. Out of the box, AddEvent comes with a few beautiful options for you to simply copy and paste into your desired media of choice.

Add to Calendar Links

Add to calendar links can be used in all media like emails, newsletters, campaigns, or on your website. You can customize the add to calendar links to fit your own desired design. To customize your add to calendar links, follow the steps below:

From the dashboard:

  1. Go to the Event or Calendar page.
  2. Scroll to the Add to Calendar links section and click the New button to open the style generator.
  1. A pop-up will appear where you can make the following changes to your add to calendar links:
    • Change the color of the buttons. Use the predefined colors or select your own color in the color palette.
    • Change the edge style of the button. You can select straight corners, slightly rounded corners, or fully rounded corners.
    • Change the text and icon options: You can select “Icons + Text”, “Text”, or “Icons”.
    • Change the size of the buttons. You can select between a number of predefined sizes.
  1. Once you have configured your buttons to match your design, click the Save configuration button to save your custom add to calendar link design.
  1. You can now copy and paste your add to calendar links can into your desired media by clicking the Copy button. To access the raw HTML for the add to calendar links, you can click the< > code icon in the bottom right-hand corner and copy the HTML from the pop-up.

Add to Calendar Button

Add to calendar buttons can be used on your website or landing pages. You can customize the add to calendar buttons to fit your own desired design. To customize your add to calendar buttons, follow the steps below:

From the dashboard:

  1. Go to the Event or Calendar page.
  2. Scroll to the Add to Calendar button section and click the New button to open the style generator.
  1. A pop-up will now be visible where you have options to:
    • Change the color of the buttons. Use the predefined colors or select your own color in the color palette.
    • Select a number of different button designs.
  1. Once you have configured your buttons to match your design, click the Save configuration button to save your custom Add to Calendar button design.
  1. You can now copy and paste your add to calendar button into your desired media by clicking the Copy button. You can also view and copy the code snippet by clicking the "< >" code icon in the bottom right-hand corner and selecting the code on the pop-up that appears.