ガイドノーコード

SquarespaceでElevenAgentsを使う

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

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

前提条件

  • このガイドに沿って作成したElevenLabs Agentsエージェント
  • SquarespaceのBusinessまたはCommerceプラン（カスタムコードに必要）
  • Squarespaceエディターの基本的な知識

ガイド

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

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

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