Customize Add to Calendar Buttons and Links for Calendars

Add to Calendar Links

Add to calendar links are perfect for adding to emails, newsletters, or your website. You can easily customize the look and feel of these links to match your brand.

1. From the dashboard, click into the calendar you want to share.
2. Click the + sign to expand the Calendar Landing Page section. This will open the style generator. Click
3. Create style to open the configuration settings.
4. Customize Your Add to Calendar Links:A pop-up will appear where you can make the following changes to your add to calendar links:

• Color: Choose from predefined colors or use the color palette to select a custom color.
• Button Edge Style: Select your preferred corner style: straight, slightly rounded, or fully rounded.
• Text and Icon Options: Choose to display “Icons + Text,” “Text” only, or “Icons” only.
• Size: Choose from several predefined button sizes to fit your design.

5. Once you’ve customized the link style to your preferences, click Save configuration to save your custom add to calendar link style.

To add the links to your desired media, click the Copy button. If you need the raw HTML code, click the <> icon in the bottom right corner to copy the HTML from the pop-up.

Add to Calendar Button

Add to calendar buttons are best suited for websites or landing pages. You can create branded buttons with customizable color and design options.

1. From the dashboard, click into the calendar you want to edit to arrive on the calendar details page.
2. Scroll to the Add to Calendar Button section, expand the tile, and click Create style.
3. Customize Your Add to Calendar Button**:

• Color: Choose from a range of predefined colors or use the color palette for a custom choice.
• Button Design: Select from various button styles to find the design that best matches your branding.

4. When your button matches your desired look, click Save configuration.

To use the button on your website or page, click the Copy button. To view the HTML code snippet, click the <> icon in the bottom right, and select the code in the pop-up that appears.