All LibraryPricingDemo
Resources
Webflow ComponentsWebflow DOM ElementsCovert 10,000+ SVG to DOM. ChatGPT Prompts for Webflow
LoginLogout
LogoutLoginSign up

Add to Calendar

Add event to google Calendar from form fields.
View Demo
Required Script*
Copy this <script> and paste into the Head or Body of your page
<!-- [Attributes by Flowscriipt] Add to Calendar -->
<script src="https://s2m62v.csb.app/add-to-calendar.js"></script>
Required Attributes*
I want to target this input as myTime Field
Add this attribute to your input time field.
Name
fs-book-field
Value
time
I want to target this input as myDate Field
Add this attribute to your input time field.
Name
fs-book-field
Value
date
I want to add Button to add event to calendar
Add this attribute to your button or link block, this will add the event to a google calendar
Name
fs-book-button
Value
google
Optional: I want to add a download event button
I want to addDownloadbutton to download the ics file
Name
fs-book-button
Name
download
Add this attribute to your link block or Button.

More buttons coming soon apple, outlook, yahoo etc 🙏🏽
I want to add a Title to my event
Add this attribute to your input time field.
Name
fs-book-title
Value
Enter your Title here
Optional Attributes
I want to add aDescription to the event
Add this attribute to your form element.
Name
fs-book-desc
Value
Enter your Description here
I want to add aLocation to the event
Add this attribute to your form element.
Name
fs-book-location
Value
Enter Location here
I want to target this input as myTime Field
Add this attribute to your input time field.
Name
fs-book-time-zone
Value
America/New_York
Visit this link to get a list of timezones to use here
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add Functionalites to Webflow without code. ✊🏽
Be the first to try out new libraries and updates.
Subscribe
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Links
All LibrariesWebflow ComponentsMulti-step FormsChatGPT Prompts for Webflow
Flowscriipts ©2024. All rights reserved.
Made forWebflow