Menu

How to add an Add to Calendar button to Framer

Last updated August 15, 2026

Adding an Add to Calendar button to a Framer site is done with the Embed component or a styled Link component.

Step-by-step

  1. In your AddEvent dashboard, open your event and go to Sharing
  2. Copy the Add to Calendar link or Button embed code
  3. In Framer, add a Link component and set its URL to your AddEvent link for a clean text or styled button. Or add an Embed component and paste the button embed code for the full interactive dropdown
  4. The link lets visitors choose their calendar app and add the event in one click

Framer tips

For a button that matches your Framer design system, use a Button or Link component styled to your brand and set the href to your AddEvent link. This keeps the button visually consistent without injecting AddEvent's default styles. The full dropdown picker requires the Embed component.

← Back to Add to Calendar