FramerでElevenAgentsを使用

ElevenLabsエージェントをFramerにデプロイする方法

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

前提条件

FramerエディターでWebサイトを開き、左側のメインデスクトップをクリックします。

ElevenLabsエージェントを追加したいページに、以下のURLをコピー＆ペーストします。

https://framer.com/m/ConversationalAI-iHql.js@y7VwRka75sp0UFqGliIf

左側の「Layers」バーにElevenAgentsアセットが表示され、右側にElevenAgentsコンポーネントの詳細が表示されます。

右側のバーにエージェントIDを入力して、ElevenLabsエージェントを有効にします。エージェントIDはElevenLabsダッシュボードで確認できます。

問題が発生した場合は、レイヤーパネルでElevenAgentsコンポーネントがデスクトップコンポーネントの下に配置されていることを確認してください。

ElevenLabsエージェントをFramerのWebサイトに追加したら、以下を行えます。