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

# Spir の埋め込み

> Spir の日程調整ページをエージェントウィジェットに埋め込む方法

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

## 前提条件

* Spir アカウント
* 公開済みの日程調整ページ

## 埋め込み URL の取得

1. Spir にログイン
2. **サイトに埋め込む** を開く
3. **埋め込み要コード** をコピー

## 設定

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

| 項目  | 値の例            |
| --- | -------------- |
| ラベル | 日程を調整する        |
| コード | 以下の iframe コード |

```html theme={null}
<!-- Spir widget begin -->
<div class="spir-widget" data-url="https://app.spirinc.com/xxxx" style="min-width:320px;height:650px;"></div>
<script type="text/javascript" src="https://app.spirinc.com/js/external/iframe.js" async></script>
<!-- Spir widget end -->
```