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

# Calendly の埋め込み

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

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

## 前提条件

* Calendly アカウント
* 公開済みのイベントタイプ

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

1. Calendly にログイン
2. 対象の **イベントタイプ** を開く
3. **共有** ボタンをクリック
4. **ページに追加** タブを選択
5. **インラインで埋め込み** のコードをコピー

## 設定

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

| 項目  | 値の例            |
| --- | -------------- |
| ラベル | ミーティングを予約する    |
| コード | 以下の iframe コード |

```html theme={null}
<iframe
  src="https://calendly.com/your-name/30min"
  width="100%"
  height="500"
  frameborder="0"
></iframe>
```

<Info>
  Calendly の埋め込みウィジェット（JavaScript SDK）を使う方法もありますが、iframe 形式が最もシンプルに設定できます。
</Info>