Create custom calendar invites easy on Webflow
<script></script>
// initialize the F'in sweet Cal Invite
var calendarInvite = fsCalendar({
// class of event title
title: '.event-title',
// class of event start date
start: '.event-start',
// class of event end date
end: '.event-end',
// class of event timezone
timezone: '.event-timezone',
// class of event Address
address: '.event-location',
// class of event Description
description: '.event-desc',
// multiple events on the page?
multipleEvents: true,
// class of the cms cal item
eventItemClass: '.event-item-content'
});
<script src="https://cdn.finsweet.com/files/fscalendar/calendar-invite-v1.0.min.js"></script>
<script>
// initialize the F'in sweet Cal Invite
var calendarInvite = fsCalendar ({
// class of event title
title: '.event-title',
// class of event start date
start: '.event-start',
// class of event duration
end: '.event-end',
// class of event timezone
timezone: '.event-timezone',
// class of event Address
address: '.event-location',
// class of event Description
description: '.event-desc',
// class of the event item
eventItemClass: '.event-item-content',
// monitor for text translations
localize: true
});
</script>
Use Cases
Live stream calendar alert
Users can ‘sign up’ for you live streams by adding the date and time to their personal calendar.
User reminder system
Users can set reminders for product launches, new feature releases, or company updates.
Local language calendar invite
Users can generate cal invites in their local language. Works with Google Translate and Weglot.
Live Examples
Video Tutorials
Get started
Data structure setup & CMS
Implementation in Webflow
Next steps
THE Testimonial
This is going to help me set up a reminder system on my website. People are missing my live streams because they forget. This will allow people to send themselves cal invites about the stream so they remember. A reminder system!
Create your own calendar invite system!
