ガイドノーコード

WixでElevenAgentsを使う

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

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

前提条件

  • このガイドに従って作成したElevenLabs Agentsエージェント
  • Wix Premiumアカウント（カスタムコードに必要）
  • Dev Modeを有効にしたWix Editorへのアクセス

ガイド

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

Dev Modeを有効にする

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

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

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

トラブルシューティング

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

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

次のステップ

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

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