Google Calendar
How to Embed Google Calendar into Your Type.link Page
Last updated
How to Embed Google Calendar into Your Type.link Page
Last updated
🔧 1. Get the HTML Embed Code for Your Google Calendar
Go to Google Calendar.
Click the ⚙️ Settings icon in the top right corner and select "Settings".
In the left sidebar:
Open your calendar (e.g., Viktor Seraleev) → click "Integrate calendar".
Copy the Embed code (it starts with <iframe src="https://calendar.google.com/calendar/embed?...
).
(Optional) Click "Customize" to adjust the appearance (size, language, default view, etc.).
After customizing, copy the final embed code using the copy button 📋.
Open the Type.link editor and navigate to your page.
In the left panel, select the “Custom Code” block (icon </>
).
Paste the copied Google Calendar iframe code into the Style field.
Make sure to set width="100%"
for responsiveness.
(Optional) Add a border style, e.g.:
style="border:solid 0px #777;"
(We recommend setting the border to 0px).
Click Done ✅.
Click the Publish button in the top right corner.
That’s it! Your Google Calendar is now live on your Type.link page.