> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# ElevenAgents 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](/docs/pt/eleven-agents/quickstart)
* 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:

#### Obtenha seu código de incorporação

Acesse o [painel da ElevenLabs](https://elevenlabs.io/app/agents) e copie o widget HTML do seu agente.

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

#### 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

#### 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