GuiasSem código

ElevenAgents no Squarespace

Saiba como implantar um agente da ElevenLabs no Squarespace

Este tutorial vai orientar você a adicionar seu agente do ElevenLabs Agents ao seu site no Squarespace.

Pré-requisitos

  • Um agente do ElevenLabs Agents criado seguindo este guia
  • Um plano Business ou Commerce do Squarespace (necessário para código personalizado)
  • Familiaridade básica com o editor do Squarespace

Guia

1

Obtenha seu código de incorporação

Acesse o painel da ElevenLabs e localize o widget incorporável do seu agente.

<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>
2

Adicione o widget à sua página

  1. Acesse a página desejada
  2. Clique em + para adicionar um bloco
  3. Selecione Code no menu
  4. Cole o trecho <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> no Code Block
  5. Salve o bloco
3

Adicione o script globalmente

  1. Acesse Settings > Advanced > Code Injection
  2. Cole o trecho <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script> na seção Footer
  3. Salve as alterações
  4. Publique seu site para ver as alterações

Observação: o widget ficará visível apenas no seu site publicado, não na prévia do editor.

Solução de problemas

Se o widget não aparecer, verifique se:

  • O trecho <script> está na seção Footer Code Injection
  • O trecho <elevenlabs-convai> está corretamente inserido em um Code Block
  • Você publicou seu site após fazer as alterações

Próximas etapas

Agora que você adicionou seu agente da ElevenLabs ao Squarespace, 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