Calendar Widget

Calendar widget that can be managed via collections. Allowing collaborators to populate events on the front-end.

  • Nick Arnot
  • Sep 28 2017
  • Michael Wells commented
    May 25, 2022 04:35

    Just wanted to comment that I implement a lot of calendars, event lists, etc in sites and building this as a Webflow feature is a much bigger challenge than you might expect.

    1. Events are a unique CMS structure all by themselves. You've got the events themselves, but you've also got event durations, start and end dates. Recurring events. Exceptions to recurring events. Times of events within event days, which can vary. It's gnarly.

    2. Displaying events requires views- you might want to list today's events, or events for the next 30 days.

    3. A calendar widget is a complex thing, which means complex configuration and formatting. Is it a standard month calendar? What day is the start of the week, Sun or Mon? What language is the calendar in? What time format? Should weekends and weekdays be shaded differently? How to show multiple events per day, when they don't fit in the box? How should navigation work, to scroll through months, or to jump to a specific year/month? For Webflow this are big designer issues, because Webflow is all about giving the designer 100% control.

    4. All of this has to account for the end-client too, and their ability to manage these events, recurrences, etc efficiently- which basically means rebuilding Google Calendar inside of Webflow's editor.

    I'd guess if Webflow did implement a Calendar Widget, it wouldn't be usable for a huge range of use cases. Much like the Slider can't be dynamic (CMS-bound), at least last time I checked.

    A few workarounds-

    Use Google Calendar as the back end. It handles all of the possible event-description and recurrence scenarios.

    If you're ok with the styling, just embed its native widget, it's pretty slick.

    If you want your own CMS data connected, use Zapier to create those events from Google Calendar in your own CMS. It works great, and you can e.g. wire up your events to e.g. a Venues Collection.

    https://www.sygnal.com/blog/webflow-creating-recurring-events

    If you want a calendar widget, go with a JQuery one. It will require some scripting, and connecting it to your Google Calendar iCal feed, but it gives you the most versatility, best styling options, and easiest administration overall.

  • CHI FOLK commented
    May 17, 2019 13:49

    Additional alternative - https://loxi.io/features/

  • CHI FOLK commented
    May 17, 2019 13:45

    Examples to references for business requirements, perhaps an integration into the CMS:

    https://en.support.wordpress.com/widgets/eventbrite-event-calendarlisting-widget/

    https://tockify.com/i/docs/install

  • Guest commented
    March 20, 2019 20:48

    hello has any one already a solution: I found out Zapier works with Google Calendar and Webflow: https://zapier.com/app/home?selected_apis=GoogleCalendarAPI%2CWebflowDevAPI 

    or is there an other possibility?

    Thanks

  • Guest commented
    January 14, 2019 06:36

    Google Calendar shouldbe a better solution into webflow

    https://musewidgets.com/products/google-calendar shoud be a better solution

  • Matt Neve commented
    July 19, 2018 08:46

    Seeing as Webflow are working on a e-commerce interface/elements, it would be great to have a events / diary drop in. So instead of using the cms blog collections to create events. Something already geared towards events i.e calendars for events, future publishing dates, search within dates, selectors for radius - especially if this could tie into the e-commerce to book and purchase the events. Wishful thinking but thats why its called a wishlist haha 

  • Donald Moore commented
    March 05, 2018 12:56

    Not only a widget for calendar, but configurable views. I use the calendar view and a list view on calendars I use on non-Webflow sites.

  • +45