AddEvent's embeddable calendar widget works on Bubble using an HTML element - paste the embed code into any page in your Bubble app.

Step-by-step

1. In your AddEvent dashboard, open your calendar and go to Sharing
2. Copy the Embeddable Calendar code snippet
3. In the Bubble editor, add an HTML element to your page. Double-click it to open the HTML editor and paste the AddEvent embed code
4. The calendar updates automatically as you add or change events in AddEvent

Bubble tips

For dynamic calendar content (showing events from your Bubble database), use the AddEvent API to create events in AddEvent programmatically when your app creates them, then embed the AddEvent calendar to display them. Bubble supports API workflow calls, so you can trigger AddEvent event creation from any Bubble workflow - for example, when a user books a session or a course event is published.