Get the code
Open the event and go to the sharing options below the event link.
Select Website in the filter, or All sharing options.
Pick a widget and set its options.
Select Copy HTML and paste the code into your website.
The widgets
Widget | What visitors get | Options |
Buttons | A row of buttons, one per calendar. | Background, Border Radius, Powered by |
Single Button | One button that opens the event page. | Icon (Calendar, Plus, Bell, Star, Heart, Zap), Background, Text (default "Add event to your calendar"), Powered by |
Dropdown Button | One button that opens a list of calendars. | Text, Powered by |
Iframe Widget | The full event page inside your page. | None |
Direct Calendar Links | A separate link per calendar. | Copy per link |
QR Code | A QR code to the event page. | Download QR Code |
Image | An image card of the event with an Add to Calendar button. | Copy, Download |
The default text of the Dropdown Button is in your browser's language. Change it if your visitors use another language.
Direct Calendar Links is only offered for Add to Calendar events, not for RSVP events. See Direct calendar links and iCal files.
Which one to use
Single Button or Dropdown Button for a compact button in your page.
Iframe Widget to show the whole event page.
Buttons when you want every calendar visible at once.
Collections
To show all events of a collection, link to the collection page. See Share your event.