> ## Documentation Index
> Fetch the complete documentation index at: https://docs.timothe.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Cal.com の埋め込み

> Cal.com の予約ページをエージェントウィジェットに埋め込む方法

[Cal.com](https://cal.com) の予約ページをウィジェット内に埋め込み、エンドユーザーがその場で日程予約できるようにします。

## 前提条件

* Cal.com アカウント
* 公開済みのイベントタイプ

## 埋め込みコードの取得

1. Cal.com にログイン
2. 対象の **イベントタイプ** を開く
3. 設定から **埋め込み** を選択
4. 設定から **埋め込み** を選択
5. インライン埋め込み形式のコードをコピー

## 設定

ダッシュボードの **エージェント設定 > アクション > アクションを追加 > 埋め込みコード** を選択し、以下のように設定します。

| 項目  | 値の例        |
| --- | ---------- |
| ラベル | 日程を予約する    |
| コード | 以下の埋め込みコード |

```html theme={null}
<!-- Cal inline embed code begins -->
<div style="width:100%;height:100%;overflow:scroll" id="xxxx"></div>
<script type="text/javascript">
  // code...
</script>
<!-- Cal inline embed code ends -->
```