Code
Snippet

Add to Calendar Button

View
Snippet
↗
Add to Calendar Button

Add a button that will allow users to download calendar event files for various calendar providers like Google Calendar, Outlook, etc. It uses an open-source JavaScript library and can be integrated either statically or with dynamic CMS data.

Example of it implemented in a Codepen here: https://codepen.io/CoreyMoen/pen/OJwemOB

See other similar examples that are free to implement using custom code like https://add-to-calendar-button.com/ or paid no-code examples like https://www.addevent.com/add-to-calendar-button.

Tags

CSS
Javascript
CMS
Click
Forms

Creator

Corey Moen

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
8.12.20

Similar items

Items
2788
Layout
Grid View
Row View
Search
Email Address Input Validation
Code
Snippet

Email Address Input Validation

12.15.23
Forms, Validate, Email, Javascript, Corey Moen
Remove https:// From Text Link
Code
Snippet

Remove https:// From Text Link

9.5.23
CMS, Text, Jquery, Javascript, Corey Moen
CSS Logo Marquee / Ticker
Code
Snippet

CSS Logo Marquee / Ticker

5.25.22
CSS, Animation, Javascript, Corey Moen
View All or Show Less List Pagination
Code
Snippet

View All or Show Less List Pagination

4.11.22
Javascript, CMS, Paginate, Corey Moen
Prevent Body Scroll on Click
Code
Snippet

Prevent Body Scroll on Click

2.11.22
Javascript, Click, Scroll, Corey Moen
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Random Shuffle Sort CMS Items
Code
Snippet

Random Shuffle Sort CMS Items

2.5.21
Javascript, Jquery, CMS, Corey Moen
Click Something Based on ID in URL
Code
Snippet

Click Something Based on ID in URL

8.27.20
Javascript, Click, URL, Corey Moen
Pause/Reset Video Embed on Click
Code
Snippet

Pause/Reset Video Embed on Click

8.17.20
Javascript, Jquery, Click, Video, Corey Moen
Reload Page After Form Submit
Code
Snippet

Reload Page After Form Submit

12.4.19
Javascript, Load, Forms, Corey Moen
Show a Preloader Only Once Per Day
Code
Snippet

Show a Preloader Only Once Per Day

1.3.24
Load, Hide/Show, Javascript, Cookie, Corey Moen
Run Javascript on Mobile Only
Code
Snippet

Run Javascript on Mobile Only

7.26.23
Responsive, Javascript, Corey Moen
Skip to Main Nav Link
Code
Snippet

Skip to Main Nav Link

6.14.23
Accessibility, Extending, Javascript, Custom Code, Corey Moen
Validate HTML Inputs w/ Pattern Attribute
Code
Snippet

Validate HTML Inputs w/ Pattern Attribute

5.4.23
HTML, Validate, Forms, Corey Moen
Randomize Button Text on Click
Code
Snippet

Randomize Button Text on Click

1.12.23
Javascript, Set, Text, Corey Moen
Get Website Meta Data w/ Airtable Script
Code
Snippet

Get Website Meta Data w/ Airtable Script

1.10.23
Javascript, Automation, Get, Airtable, Corey Moen
Get YouTube Thumbnails w/ Airtable Script
Code
Snippet

Get YouTube Thumbnails w/ Airtable Script

12.22.22
Javascript, Get, Media, Video, Automation, Airtable, Corey Moen
Redirect Form on Submit and Pass Input Value to URL
Code
Snippet

Redirect Form on Submit and Pass Input Value to URL

10.23.22
Jquery, Get, URL, Forms, Corey Moen
Compress Images w/ Airtable Script
Code
Snippet

Compress Images w/ Airtable Script

10.10.22
Javascript, API, Automation, Airtable, Corey Moen
Get Image Size w/ Airtable Script
Code
Snippet

Get Image Size w/ Airtable Script

10.10.22
Javascript, Get, Set, Airtable, Corey Moen
Simple Countdown to Date/Time
Code
Snippet

Simple Countdown to Date/Time

10.6.22
Javascript, Set, Time, Corey Moen
Birthday Age Gate Modal Overlay
Code
Snippet

Birthday Age Gate Modal Overlay

5.10.22
Javascript, Cookie, Validate, Webflow, Corey Moen
Set Referrer URL as Hidden Input
Code
Snippet

Set Referrer URL as Hidden Input

3.28.22
Javascript, Set, URL, Corey Moen
Fetch and Nest Content From Another Page
Code
Snippet

Fetch and Nest Content From Another Page

3.17.22
Javascript, Jquery, Get, Load, Corey Moen

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe