Calendar-Automated Events

Automatic CMS Item creation on a Calendar schedule, with recurring events!

Google Calendar Events ➜ CMS

This is a simple demo of how you can use Google Calendar with Zapier to create complex event schedules, and feed them into the Webflow CMS;

  • + Allows complex event scheduling.
  • > Ad-hoc events, with ad-hoc dates and times.
  • > Recurring events.
  • > Canceled events.
  • + Calendar is easily managed online.
  • + Events can be created in the CMS prior to the start date, e.g. 1 month before the event, create the item in the CMS so that it can be shown as an Upcoming Event.
  • Can do ref integration with JSON and a bit of dirty work.
  • > e.g. Connecting a new Event to the venue it's at.

DEMO

Events are piped directly into the CMS using Zapier, from a public Google Calendar. Timezone is set to NZT (UTC+13).

First quarter 04:19

Sunday, January 29, 2023
12:00 am

New moon 09:53

Sunday, January 22, 2023
12:00 am

Last quarter 15:10

Sunday, January 15, 2023
12:00 am

Full moon 12:08

Saturday, January 7, 2023
12:00 am

First quarter 14:21

Friday, December 30, 2022
12:00 am

New moon 23:17

Friday, December 23, 2022
12:00 am

Last quarter 21:56

Friday, December 16, 2022
12:00 am

Full moon 17:08

Thursday, December 8, 2022
12:00 am

First quarter 03:36

Thursday, December 1, 2022
12:00 am

New moon 11:57

Thursday, November 24, 2022
12:00 am

Last quarter 02:27

Thursday, November 17, 2022
12:00 am

Full moon 00:02

Wednesday, November 9, 2022
12:00 am

First quarter 19:37

Tuesday, November 1, 2022
12:00 am

New moon 23:49

Tuesday, October 25, 2022
12:00 am

Last quarter 06:15

Tuesday, October 18, 2022
12:00 am

Full moon 09:55

Monday, October 10, 2022
12:00 am

First quarter 13:14

Monday, October 3, 2022
12:00 am

New moon 10:54

Monday, September 26, 2022
10:54 am

How to implement

See the CodePen for details.

See the Pen Webflow | Fun | Tetris by Michael Wells (@memetican) on CodePen.