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:


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 hide shopping cart in Webnode E-shop?

How to hide shopping cart in Webnode E-shop?

How to hide shopping cart in Webnode E-shop?You have created an e-shop at Webnode and would like to hide (remove) the shopping cart in the menu and also the "Add to Cart" button so that you can use e-shop features such as. adding products, but you don't want to use...

How to Add remarketing (retargeting) code in Webnode?

How to Add remarketing (retargeting) code in Webnode?

How to set up remarketing on Webnode? and Where should you insert the remarketing code?   In tutorial How to add a conversion code in Webnode? I've shown you an easy way to insert your conversion tracking conversion code. Let's now take a look at another PPC...

How to add a poll in Webnode?

How to add a poll in Webnode?

Do you want to add a poll on a Webnode website? The free online questionnaire (web survey/poll) is one of the most common ways to get feedback from your website visitors. Without feedback, it is difficult to say whether you are acting correctly on your customers and...

How to Add GIF Images in Webnode?

How to Add GIF Images in Webnode?

Would you like to embed a GIF image on a Webnode site? Webnode editor does not allow .gif format when you embed them as an image. For this reason, you must first upload the desired .GIF image to an external service to get the image URL. Paste the URL into the code and...

How to Set up Email Marketing in Webnode via MailChimp?

How to Set up Email Marketing in Webnode via MailChimp?

Are u looking for a simple email marketing solution in Webnode? Do you want to put a pop-up on your website to collect emails from your visitors? Send news to your customers through the automated MailChimp system. It's free for up to 2,000 subscribers and 12,000...

Do you like this tutorial? Share it, please 🙂