Calendar_invite_buttons

Event settings

How to use

Fill in the event fields, then copy the CMS output below into your page. Paste the HTML block first, then the script immediately after it. The script is self-contained and reads event details from the data-* attributes on data-component="CalendarInvite".

Google and Outlook open a web compose screen in a new tab.
Apple and the ICS link download a universal .ics file.
Use office for visitors on Microsoft 365; use live for personal Outlook.com accounts.

CMS output (HTML + runtime script)

Copy both blocks into the CMS. To change the event later, edit the data-* attributes in HTML source view — no script changes needed.

Live preview

Calendar Invite Buttons