ElevenLabs Conversational AI can be embedded in a WordPress site now
In the past, it was not possible to embed the agent created by ElevenLabs’ conversational AI into a WordPress site using the ‘Embed code’ snippet in the Widget menu. However, this is now possible.
When adding a new block, create an HTML block and paste the code shown in ‘Embed code’ into it. The present page features an agent that provides tourist information and transportation guides for the Kansai region in Japan, especially centred around Kobe, in English. A small display for launching the agent is visible within the page. Clicking ‘Start a call’ and granting permission for microphone use will initiate the conversation. You must speak first. This page can also be accessed and used on a mobile device. It is set to display both text and audio. Please note that the conversation content is recorded not only as text but also as actual audio in my ElevenLabs console. This content is not accessible to anyone other than myself, and I will not share it with third parties. However, please be aware that it is being recorded. Additionally, since I will be charged for the call, this page may be removed in the near future.
以前はElevenLabsのconversational AIで作成したAgentをWidgetメニュー中の「Embed code」のsnippetをWordPressで作ったサイトに埋め込むことはできなかったのですが、現在はできるようになっています。
新たなブロックを追加する時にHTMLのブロックを作り、そこに「Embed code」に示されたコードを貼り付ければOKです。このページでは、主に神戸を中心に関西地方の観光案内や交通機関案内を英語で行うAgentを埋め込んでいます。ページ内（右下など）にAgent起動のための小さな表示が見えます。そこで「Start a call」をクリックして、マイク使用などを許可すると会話がスタートします。まずそちらで何か英語で話してみてください。このページを携帯で読み込んで使用することも可能です。音声会話だけではなく、テキストも表示するモードにしてあります。なお、会話の内容はテキストだけではなく、実際の音声でのやりとりもElevenLabsの私のコンソールに記録されます。この内容は私以外はアクセスできませんし、私自身もこの内容を第三者に共有することはありませんが、記録されているということを認識されたうえでご利用ください。なお、私の方に通話の課金が請求されることになりますので、このページは近い将来削除するかもしれません。