What the widget does
The widget renders a self-contained "Add to Calendar" button directly on your own website — no need to send visitors to your Invitly event page. Visitors get platform-aware options (Google Calendar, Apple Calendar, Outlook, etc.), styled with whichever button template you chose for that event.
Getting the embed code
- Go to My Events.
- On the event you want to embed, click the Embed Widget icon (
</>) in the event's action menu. - You'll see two code snippets.
Step 1: Add the script tag
Paste this once, inside your site's <head> tags:
<script src="https://your-invitly-domain/widget.js" type="module"></script>This only needs to be added once per page, even if you embed multiple events on the same page.
Step 2: Place the button
Paste this wherever on the page you want the button to appear:
<invitly-button event-token="YOUR_EVENT_TOKEN"></invitly-button>Each event has its own unique token baked into this snippet — copy it fresh for each event you embed, rather than reusing one from another event.
The "Powered by Invitly" badge
Free and lower-tier plans show a small "Powered by Invitly" watermark on the embedded button. Removing the watermark is available on higher-tier plans under Billing.