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 SociableKIT account here and login. [Video Tutorial]
  2. Once logged in, click “+ 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.
    Paste the embed code on your website.

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