• Google Calendar is a free tool that allows you publish calendars on your website. This is a great way to broadcast events to your audience or let your visitors schedule events on a shared calendar.

Getting your Google Calendar embed code

  1. On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app. 
  2. In the top right, click Settings.
  3. Click the Calendars tab.
  4. Click the name of the calendar you want to embed.
  5. In the "Embed This Calendar" section, copy the iframe code displayed.
  6. If you would like to customize the look and feel of the calendar, in the "Embed This Calendar" section, click Customize the color, size, and other options. Choose your options, then copy the HTML code displayed.
  • Your embedded calendar will only be visible to people you've shared it with. To allow all visitors to see your calendar, you'll need to make it public.
  • You can find the latest instructions from Google here.

Adding your Google Calendar to your B12 website

  • Within our Design Suite, go to the page you'd like to add your Google Calendar to. 
  • Hit the '+' button beside 'Sections'

  • Click the top option–  'Add Integration'

  • This will take you to B12's Section App Store and you can select the Google Calendar App.

  • Paste the embed code in the embed section and hit save.
  • Once the Google Calendar code is embedded, you will return to the section editing interface where you can customize the text and style of your section.
  • To delete the Google Calendar integration, check out THIS recording.
  • Click the button below for a video walkthrough on adding a Google Calendar 
Did this answer your question?