How to embed a Google Calendar
(1) Get the embed code from Google Calendar
Note: Your calendar will only be visible to the people you've shared it with. To display the calendar to all site visitors, you'll need to change the calendar's sharing settings. For more details, see Make a Google Calendar public or share it.
Open Google Calendar on a computer. The embed code can only be obtained on a computer—it's not available in the Google Calendar app.
Click [Settings].
On the left side of the screen, click the name of the calendar you want to embed.
Click [Integrate calendar].
Under [Embed code], click [Customize].
Choose your calendar display options.
・Set the width and height to 500 or more.
・If you turn off [Navigation buttons], users will only be able to navigate the calendar using keyboard shortcuts.Click [Copy to clipboard] next to the embed code at the top.
For more details on how to get the iframe code, see the Google support page below.
(2) Add an embed box in Studio.Design
Add an Embed box to your screen.
Click the add icon in the navigation.
Click the [Basic] tab.
In the [Embed] section, click the [Blank] embed box.
The embed box will be placed on your screen.
(3) Set the link in the embed box
Add the link you got in step (1) to the box you placed in step (2).
Click the embed box.
Select the [Embed] tab on the right panel. If the right panel is closed, please open it.
In the [Embed code] input field, click [Open editor].
In the editor on the left side of the [Edit embed code] screen, delete the existing text, paste the link you copied from Google Calendar, and click [Save].
If you're editing a site that's already been published, update the site. Your changes won't appear until you update.
