Typelink Help Center
  • Welcome to Typelink
  • Create site
    • Quickstart
    • Fonts and colors
  • Link a domain
    • How to link a domain?
    • Cloudflare
    • Namecheap
    • Porkbun
  • Site Settings
    • SEO Settings
    • Team
    • App-ads.txt
    • Google Analytics
    • Facebook Pixel
    • Google Calendar
  • OTHER
    • Profile
    • Subscription management
    • Promo Codes
Powered by GitBook
On this page
  1. Site Settings

Google Calendar

How to Embed Google Calendar into Your Type.link Page

PreviousFacebook PixelNextProfile

Last updated 1 month ago

🔧 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.