GuiasSem código

ElevenAgents no Ghost

Saiba como implementar um agente da ElevenLabs no Ghost

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

Pré-requisitos

  • Um agente do ElevenLabs Agents criado seguindo este guia
  • Um site no Ghost (plano pago ou hospedado por você)
  • Acesso ao painel de administração do Ghost

Guia

Há duas formas de adicionar o widget ao seu site no Ghost:

1

Obtenha seu código de incorporação

Acesse o painel da ElevenLabs e copie o widget HTML 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

Escolha sua implementação

Opção A: adicionar globalmente (todas as páginas)

  1. Acesse Administração do Ghost > Configurações > Injeção de código
  2. Cole o código no rodapé do site
  3. Salve as alterações

Opção B: adicionar a páginas específicas

  1. Edite a página ou publicação desejada
  2. Clique no sinal de + para adicionar um bloco HTML
  3. Cole o widget HTML do seu agente da etapa 1 no bloco HTML. Preencha corretamente o atributo agent-id.
  4. Salve e publique
3

Teste a integração

  1. Acesse seu site no Ghost
  2. Verifique se o widget aparece e funciona corretamente
  3. Teste em diferentes dispositivos e navegadores

Solução de problemas

Se o widget não estiver aparecendo, verifique se:

  • O código está inserido corretamente na Injeção de código ou no bloco HTML
  • Seu plano do Ghost oferece suporte a código personalizado
  • Não há conflitos de JavaScript com outros scripts

Próximas etapas

Agora que você adicionou seu agente da ElevenLabs ao Ghost, é possível:

  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