Menu

How to embed a calendar on Framer

Last updated August 15, 2026

AddEvent's embeddable calendar widget works on Framer using the Embed component - paste the code and your events display live on any Framer page.

Step-by-step

  1. In your AddEvent dashboard, open your calendar and go to Sharing
  2. Copy the Embeddable Calendar code snippet
  3. In Framer, add an Embed component to your canvas (found under Insert or by searching "Embed"). Paste the AddEvent embed code into the Embed component's HTML field
  4. The calendar updates automatically as you add or change events in AddEvent

Framer tips

Framer's Embed component supports raw HTML and JavaScript, so the full widget (including the Follow Calendar subscription button) works correctly. The embeddable events list is a lighter alternative that fits well in narrower sections. Style the embed container width in Framer to control how the calendar fills its space.

← Back to Embeddable Tools