Google Calendar

How to Embed Google Calendar into Your Type.link Page

🔧 1. Get the HTML Embed Code for Your Google Calendar

1. Go to Google Calendar.

2. 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 📋.

🔽 2. Embed the Calendar in Type.link

1. Open the Type.link editor and navigate to your page.

2. In the left panel, select the “Custom Code” block (icon </>).

3. Paste the copied Google Calendar iframe code into the Style field.

4. Make sure to set width="100%" for responsiveness.

5. (Optional) Add a border style, e.g.: style="border:solid 0px #777;" (We recommend setting the border to 0px).

6. Click Done ✅.

🚀 3. Publish Your Page

• Click the Publish button in the top right corner.

That’s it! Your Google Calendar is now live on your Type.link page.