GuiasSem código

ElevenAgents no Framer

Saiba como implementar um agente da ElevenLabs no Framer

Este tutorial vai orientar você na adição do seu agente da ElevenLabs ao seu site do Framer.

Pré-requisitos

  • Um agente do ElevenLabs Agents criado seguindo este guia
  • Uma conta e um site no Framer; crie-os aqui
Projeto de exemplo do Convai Framer

Guia

1

Acesse seu editor do Framer

Abra seu site no editor do Framer e clique no desktop principal à esquerda.

2

Adicione o componente ElevenAgents

Copie e cole o URL a seguir na página à qual você quer adicionar o agente da ElevenLabs:

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

Agora você verá um recurso do ElevenAgents na barra “Layers” à esquerda e os detalhes do componente ElevenAgents à direita.

3

Preencha os detalhes do agente

Ative o agente da ElevenLabs preenchendo o ID do agente na barra à direita. Você pode encontrar o ID do agente no painel da ElevenLabs.

Está com problemas? Verifique se o componente ElevenAgents está posicionado abaixo do componente desktop no painel de camadas.

Projeto de exemplo do Convai Framer
Projeto de exemplo do Convai Framer

Próximas etapas

Agora que você adicionou seu agente da ElevenLabs ao seu site do Framer, você pode:

  1. Personalizar o widget no painel da ElevenLabs para combinar com sua marca
  2. Adicionar outros idiomas
  3. Adicionar recursos avançados, como ferramentas e base de conhecimento.