# Google Calendar

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

1. Go to [Google Calendar](https://calendar.google.com/).
2. Click the ⚙️ **Settings** icon in the top right corner and select **"Settings"**.

<figure><img src="/files/0K9WRNsI0TfIs5NtnoUw" alt=""><figcaption></figcaption></figure>

* 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?...`).

<figure><img src="/files/0uppvZzB3M8IPpFdDJhI" alt=""><figcaption></figcaption></figure>

* (Optional) Click **"Customize"** to adjust the appearance (size, language, default view, etc.).
* After customizing, copy the final embed code using the copy button 📋.

<figure><img src="/files/gLbezGJLt1kJgmMLb0QX" alt=""><figcaption></figcaption></figure>

#### 🔽 **2. Embed the Calendar in Type.link**

1. Open the [Type.link](https://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;"`\
   \&#xNAN;*(We recommend setting the border to 0px)*.
6. Click **Done** ✅.

<figure><img src="/files/HKthtggQCQBYOdostP1d" alt=""><figcaption></figcaption></figure>

#### 🚀 **3. Publish Your Page**

* Click the **Publish** button in the top right corner.

<figure><img src="/files/TH4lrT14Qc94nbpjQKCm" alt=""><figcaption></figcaption></figure>

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.type.link/type.link/site-settings/google-calendar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.