How to Embed Google Calendar on Website?

Today I will teach you how to customize and embed Google calendar on website. View a live demo of Google Calendar on a website here: View Demo

We’ve broken down the steps for you into an easy-to-follow guide.

  1. Create a free-trial SociableKIT account here and log in. [Video Tutorial]
  2. Once logged in, click the “+ Create Solution” button.
  3. On the pop up, name your custom Google calendar feed.
  4. On the drop-down, scroll down, select “Google Calendar” option.
  5. Enter your Google Calendar ID.
  6. Click the “Proceed” button. This will show you the customization options.
  7. Click the “</> Embed On Website” button located on the upper-right corner of the screen.
  8. On the pop up, copy the embed code by clicking the “Copy Code” button.
  9. Paste the embed code on your website.

If you think this tutorial about how to embed Google calendar on the website is helpful, please share it with your friends! Thank you and we appreciate your kind support!

Why use SociableKIT?

  • Customize google calendar embed – change colors and overall look & feel of Google calendar.
  • Embed Google calendar without iFrame – say goodbye to annoying scrollbars on your website.
  • Responsive Google Calendar embed – our widget displays well on any device. Desktop, laptop or smartphone.

If you need help or if you have any questions, send an email to and I will reply with the help you need.


Please enter your comment!
Please enter your name here