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

# WixでElevenAgentsを使う

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

## 前提条件

* [このガイド](/docs/ja/eleven-agents/quickstart)に従って作成したElevenLabs Agentsエージェント
* Wix Premiumアカウント（カスタムコードに必要）
* Dev Modeを有効にしたWix Editorへのアクセス

## ガイド

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

[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>
```

#### Dev Modeを有効にする

1. EditorでWixサイトを開きます
2. 上部メニューのDev Modeをクリックします
3. Dev Modeが表示されない場合は、Wix ADIではなく完全版のWix Editorを使用していることを確認します

#### 埋め込みスニペットを追加する

1. Settings > Custom Codeに移動します
2. * Add Custom Codeをクリックします
3. 手順1でコピーしたElevenLabsの埋め込みスニペットを貼り付け、agent-id属性を正しく入力します
4. ElevenAgentsウィジェットを追加するページ（すべてのページ、または特定のページ）を選択します
5. 保存して公開します

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

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

* Wix Premiumプランを使用している
* サイトのドメインがElevenLabsの許可リストに正しく設定されている
* Custom Codeセクションにコードが正しく追加されている

## 次のステップ

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

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