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

# WordPressでElevenAgentsを使う

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

## 前提条件

* [このガイド](/docs/ja/eleven-agents/quickstart)に従って作成したElevenLabs Agentsエージェント
* 次のいずれかを備えたWordPressウェブサイト
  * WordPress.com Business/Commerceプラン、または
  * セルフホスト型WordPressインストール

## ガイド

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

[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. WordPressで目的のページを編集します
2. Custom HTMLブロックを追加します
3. `<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>`スニペットをブロックに貼り付けます
4. ページを更新／公開します

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

**オプションA：プラグインを使用する**

1. Header Footer Code Managerをインストールします
2. `<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>`スニペットをFooterセクションに追加します
3. All Pagesで実行するよう設定します

**オプションB：テーマを直接編集する**

1. Appearance > Theme Editorに移動します
2. footer.phpを開きます
3. `</body>`の前にスクリプトスニペットを貼り付けます

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

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

* `<script>`スニペットがグローバルに追加されている
* `<elevenlabs-convai>`スニペットがページ内の正しい位置に配置されている
* 変更後にサイトを公開している

## 次のステップ

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

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