Google Calendar – great help with organizing your time

Google Calendar is a web application for organizing your time.

In this tutorial, we’ll learn how to insert Google Calendar into a Webnode website.

1. The first step is to create an account with Google – here

2.  In the official Google Help, you can find more information about creating Google Calendar and getting your HTML code. Its simple:

3. Set Google Calendar as public.

You have to set Google Calendar as a public. So change it in “Access” tab!

4. Insert the HTML code of the calendar on the Webnode website.

You can use this code to place it somewhere on the site – where you want to view Google Calendar.

5. The embedded Google Calendar will appear on the WEBNODE site, but you still need to set up Google Calendar for mobile/tablets.

In the top bar of the editor now click on “Pages” » “Choose a page on which you have Google Calendar“» “SEO Site Settings” »” Header HTML Code” and enter the following code:

And you’re done. Google Calendar is embedded on the website and is responsive, so it means that calendar size adapts to mobile devices (mobile phones, tablets, etc.).

The calendar on the web looks like this:

Summary:

You enter 2 codes on the website. You edit the first code and paste it into the body of the page (<body>) using the Webnode HTML feature.

Insert the second code into the page header (<head>) into the SEO settings of the page where you have the embedded calendar.

Code to the body

Code to the header

TIP: Put online chat on the web for faster communication with visitors to your site. I recommend a service that is free – read more in tutorial for Smartsupp

TIP: Put reservation system on the web for online booking in Webnode. Read more in the tutorial: How to add an online reservation system to Webnode? It’s Free!

More awesome tutorials

How to add notification pop-up widget in Webnode? FREE!

How to add notification pop-up widget in Webnode? FREE!

Notification pop-up in Webnode Notification Pop-up window - free VS premium Notification pop-up window - choose the right type Notification Pop-up window and Webnode e-shop/web Pop-up window - also works on mobile/tablet TUTORIAL: How to easily add a pop-up in...

How to add Google Reviews in Webnode?

How to add Google Reviews in Webnode?

Google Reviews in Webnode Google Reviews - Free VS Premium Google Reviews - Choose the Right Type Google Reviews Widget and Webnode E-shop/Web TUTORIAL: How to add Google reviews to your website on Webnode? A Few Words in Conclusion Google Reviews HTML Widget -...

Copy and move the content without limitations

Copy and move the content without limitations

Copy and move the contentA few months ago, on the Wpromotions portal, we presented 7 new WEBNODE templates for creating a company website. Today we'll take a look at what's new in the editor when working with content, specifically copying and moving the...

Age Verification Pop-Up in WEBNODE: Enhance Website Safety

Age Verification Pop-Up in WEBNODE: Enhance Website Safety

Age-verification popup in Webnode Free popup vs premium version Free popup templates Ageverification widget in Webnode eshop How to add a ageverification popup in Webnode? Conclusion Popup - Frequently Asked QuestionsAge-verification popup in WebnodeWould you like...

Wedding Website

Wedding Website

What is a wedding website? Why you need a wedding website? What to include on your wedding website? Cost of a wedding website Wedding website templates How to create a wedding website?What is a wedding website?In today's digital age, not even a wedding can do without...

7 new WEBNODE templates for creating a company website

7 new WEBNODE templates for creating a company website

Have you seen 7 new Webnode templates for creating a company website in 2023?In our Webnode News, we have already discussed a few interesting things about the Webnode editor. Have you read the article about 5 new awesome features of the NEW e-commerce Premium Plan...

Do you like this tutorial? Share it, please 🙂

Viliam
Follow me