Integrating FullCalendar into WF project

Hello Webflow community,

I have searched and cannot find information regarding this topic.

Is anyone able to advise how to integrate FullCalendar into a Webflow page? I’m uncertain what I am meant to be doing with the files available on FC’s downloads page.

Even just a pointer towards a tutorial that covers this would be very welcome.

Thanks in advance!

Hello @Andy_Vaughan

I think your are meant to first use a CDN link that points toward the core javascript of your full calendar plugin. Here is the link: https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.0.2/main.min.js

To implement the link, simply copy past this snipet inside the custom code setting of your website like so befire the </body> tag:

<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/core@4.0.2/main.min.js"></script>

Hope that helps !

1 Like

Thanks very much for that! I’ll have a play around and see if I can get it working.

Can I ask how you knew that? (Just wondering if I missed something on fullcalendar.io, e.g. a help page).

Sure,

well since you can not deploy javascript via NPM with Webflow, the only solution is to use an external link hosting your javascript. To do so, Content Delivery Network (CDN) are a good alternatives. I found the link on the download page of the plugin you mentioned.

2 Likes

Brilliant, thank you very much. This is my first use of a CDN so I think i’m starting to understand now. Got a basic one working using jsfiddle so think I grasp the concept. Going to play around with plugins etc now - FullCalendar Test - JSFiddle - Code Playground

Thank you for setting me on the right path :slight_smile:

1 Like

Enjoy :slight_smile: and good luck !

1 Like