Google Calendar

How to Embed Google Calendar into Your Type.link Page

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

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

  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.

Last updated