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

<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.