Built on WIX Headless

Blog / how-to

How to build an events calendar from CMS data

· how to build an events calendar from CMS

How to build an events calendar from CMS data

Steps

  1. Create an Events collection with Title, Start date (DATE or DATETIME), optional End date, and details fields.
  2. Add the Calendar widget and connect the collection.
  3. Point the widget at the start (and optional end) fields.
  4. Choose month or week view, week-start day, and time format.
  5. Set click behavior: details, Dynamic Page, or none.
  6. Style colors/fonts and mobile density.
  7. Publish and add upcoming events in the CMS.

Docs: Calendar.

Ready to try it on Harmony? Get a free starter site CMS for Harmony