apple calendar
outlook calendar
google calendar
Built for the Webflow Community

Create custom calendar invites easy on Webflow

Finsweet's Amazing After Party
Join us for some F'in sweet News!
finsweet.com
18 September 2020, 09:45 am
15
America/New_York
<script src="https://cdn.finsweet.com/files/add-to-cal/addToCalendar_5.js"></script>

<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'
});

Copy code
Before </body> tag

<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-duration',
// 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>

Custom Attributes
cal-platform="google"
left arrow icon
cal-platform="apple"
left arrow icon
cal-platform="outlook"
left arrow icon
F'in easy to integrate!
A TON OF F'IN POSSIBILITIES

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.

REALLY COOL

Live Examples

CMS Dynamic List (Tutorial)

CMS Template Page (Tutorial)

F'in Growth

LEARN MORE HERE

Video Tutorials

Get started

Data structure setup & CMS

Implementation in Webflow

Next steps

REAL F'IN PEOPLE

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!

Aron Korenblit
Founder at AATT.io

Create your own calendar invite system!