ガイドノーコード

WordPressでElevenAgentsを使う

ElevenLabsエージェントをWordPressに導入する方法

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

前提条件

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

ガイド

1

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

ElevenLabsダッシュボードにアクセスし、エージェントの埋め込みウィジェットを見つけます。

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

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

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

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

オプション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. ツールやナレッジベースなどの高度な機能を追加する