> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# SquarespaceでElevenAgentsを使う

このチュートリアルでは、ElevenLabs AgentsエージェントをSquarespaceウェブサイトに追加する方法を説明します。

## 前提条件

* [このガイド](/docs/ja/eleven-agents/quickstart)に沿って作成したElevenLabs Agentsエージェント
* SquarespaceのBusinessまたはCommerceプラン（カスタムコードに必要）
* Squarespaceエディターの基本的な知識

## ガイド

#### 埋め込みコードを取得する

[ElevenLabsダッシュボード](https://elevenlabs.io/app/agents)にアクセスし、エージェントの埋め込みウィジェットを見つけます。

```html
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
```

#### ページにウィジェットを追加する

1. 追加したいページに移動します
2. +をクリックしてブロックを追加します
3. メニューからCodeを選択します
4. `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>`スニペットをCode Blockに貼り付けます
5. ブロックを保存します

#### スクリプトをグローバルに追加する

1. Settings > Advanced > Code Injectionに移動します
2. `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>`スニペットをFooterセクションに貼り付けます
3. 変更を保存します
4. サイトを公開して変更を確認します

注：ウィジェットはエディターのプレビューではなく、公開中のサイトでのみ表示されます。

## トラブルシューティング

ウィジェットが表示されない場合は、次を確認してください：

* `<script>`スニペットがFooter Code Injectionセクションに配置されている
* `<elevenlabs-convai>`スニペットがCode Blockに正しく配置されている
* 変更後にサイトを公開している

## 次のステップ

ElevenLabsエージェントをSquarespaceに追加したら、次のことができます：

1. ElevenLabsダッシュボードでウィジェットをカスタマイズし、ブランドに合わせる
2. 追加の言語を追加する
3. ツールやナレッジベースなどの高度な機能を追加する