How to add an Add to Calendar button to Framer
Adding an Add to Calendar button to a Framer site is done with the Embed component or a styled Link component.
Step-by-step
- In your AddEvent dashboard, open your event and go to Sharing
- Copy the Add to Calendar link or Button embed code
- 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
- 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.