Create the event
Publish the title, date, timezone, location and event details in Heyattend.
Free compact event embed
Free Add to Calendar Widget
Place a focused event card inside your website. Visitors see the essential event details and choose Google, Apple, Outlook, Microsoft 365 or Yahoo without your page having to build each calendar format.
Online event
Live product walkthrough
August 12 · 10:00 AM · America/New_York
Online meeting
+ Add to Calendar
Details
Google
Apple · ICS
Outlook
Microsoft 365
Yahoo
Compact event card with its calendar provider chooser.
A contained website embed
Keep event context beside the calendar action
A standalone calendar button is enough when the surrounding page already has the details. The event widget carries the key details with it, making it useful in articles, campaign pages, community sites and partner pages.
Copy the iframe
Use the event sharing tools to copy the compact loader snippet generated for that event.
Paste it into your page
Add the snippet to any website editor that permits custom HTML and publish the page.
Copy-paste format
The embed stays isolated from your page
The compact card is served inside an iframe, so your website does not need to reproduce Heyattend markup or provider-link logic.
<div data-events-event="123"></div>
<script async src="https://heyattend.com/embed/event/123.js"></script>One event or a schedule
Use the event widget for a single date
The compact event iframe promotes one published event. If your site needs an updating list of upcoming events, publish a subscription calendar and use the calendar embed instead.
What the compact event card includes
- ✓Event title, date, time and timezone
- ✓Location or online-event context
- ✓A calendar provider chooser
- ✓A link to the full event details
Add to Calendar widget FAQ
What is the Heyattend Add to Calendar widget?
It is a compact event card loaded by a small embed script into an isolated iframe. The card shows the event title, date, timezone and location, with controls for event details and a calendar provider chooser.
Which calendar providers are available in the event widget?
Visitors can choose Google Calendar, Apple Calendar through ICS, Outlook.com, Microsoft 365 or Yahoo Calendar.
How do I add the widget to my website?
Create and publish an event, copy its compact embed snippet from Heyattend and paste it into a page or site builder that accepts custom HTML.
Is the event widget free?
Yes. The current Heyattend product includes the compact event iframe and calendar provider chooser for $0.