Any sites in the Showcase that have working google calendars in them?

danandmic · October 1, 2018, 9:55pm

wondering if I can see any information on how to do this???
Thanks!

jasondark · October 2, 2018, 12:55am

I’m not aware of any examples of this in the show case, but I do have quite a bit of experience working with the Google Calendar API. If you could give some more detail about what you’re wanting to do I might be able to point you in the right direction.

danandmic · October 3, 2018, 12:01am

I am trying to incorporate a calendar layout for events in a website for charity that i am doing. I don’t know how to do this in webflow and the only thing I could see was people suggesting using a google calendar.
I am not experienced in code at all, just a designer that uses webflow.
When I googled it, it showed how you set-up a calendar, make it public then copy the code. That’s where I am unsure as to how to incorporate it to my site.
Any help would be appreciated, and thank you for the reply.

Scott_Van_Zandt · October 3, 2018, 1:03am

@danandmic

Hi Connnie! Hope this helps:

This depends on how seamless you want the integration.

Option 1: Embed a google calendar or other calendar tool! Depending on functionality needs this should be fine.

Pros: easy install. Just drop the embedded calendar code (iframe) into a “Embeded block” that you pulled into your site using the Webflow designer. Place the embeded code block wherever you’d like the calendar to appear.

Cons: no design customization, no custom Css/JS

Option 2:

Google Calendar or other calendar API

Pros: complete design control and customization
of functionality. Ability to use a custom calendar UX.

Cons: you would probably need to hire a developer or learn the integration

jasondark · October 3, 2018, 5:40pm

You could go to your Google Calendar settings and check that it is publicly visible:

Then scroll down further to the “Embed Code” section:

Then copy this iframe, and head over to your Webflow site. Create a new embed element on your site, then paste the Google Calendar embed code in. Make sense?

danandmic · November 13, 2018, 11:44pm

Wow, that seems pretty easy!
Thank you. I wonder how it would look on mobile format?
Any experience in that?

Sebastiao.Lino · January 7, 2021, 3:15pm

Hi Jason,

Do you know if when adding an event on the google calendar it automatically updates on the site? If so, how?

Thank very much

jasondark · January 10, 2021, 1:04am

I imagine it would but haven’t tested this.

Sebastiao.Lino · January 11, 2021, 12:12pm

Good afternoon,

Do you know if it is possible to create a personalized calendar to stay on the site as in the example?

Does anyone know a free solution?

My client needs to be autonomous in the management of events that will appear on the calendar.

Thanks