Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Como Adicionar o Chatbot de IA Asyntai ao Ghost

Guia passo a passo para sites Ghost CMS

Obter Código de Incorporação

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Passo 2: Usando Injeção de Código (Recomendado)

O Ghost possui um recurso integrado de Injecao de Codigo que facilita muito a adicao de scripts personalizados:

  1. Faça login no seu Painel Administrativo do Ghost
  2. Clique no icone de engrenagem (Settings) no canto inferior esquerdo
  3. Role para baixo até a seção "Advanced"
  4. Clique em "Code injection"
  5. Na secao "Site footer", cole seu codigo de incorporacao Asyntai
  6. Clique em "Save" no canto superior direito

Dica: Adicionar JavaScript ao Site Footer (em vez do Site Header) garante que ele carregue apos o conteudo da pagina, o que e recomendado para widgets de chat e nao desacelerara o carregamento da pagina.

Alternativa: Injeção de Código em Página Específica

Se você deseja o chatbot apenas em páginas ou posts específicos:

  1. Abra o post ou página onde deseja adicionar o chatbot
  2. Clique no icone de configuracoes (gear) no canto superior direito
  3. Role para baixo para encontrar "Code injection"
  4. Expanda a secao e cole seu codigo de incorporacao Asyntai no campo "Post footer"
  5. Clique fora do campo para salvar e depois publique/atualize seu post

Nota: A injecao de codigo em pagina especifica e util se voce deseja o chatbot apenas em certas paginas em vez de todo o site.

Alternativa: Editar Arquivos do Tema (Para Auto-Hospedado)

Se você hospeda o Ghost por conta própria e prefere editar os arquivos do tema diretamente:

  1. Acesse os arquivos de instalação do Ghost via FTP ou gerenciador de arquivos
  2. Navegue até a pasta do seu tema: content/themes/your-theme/
  3. Abra o arquivo default.hbs (o arquivo de layout principal)
  4. Encontre a tag de fechamento </body>
  5. Cole seu código de incorporação Asyntai logo antes da tag </body>
  6. Salve o arquivo
  7. Reinicie o Ghost ou limpe o cache

Importante: Editar arquivos do tema diretamente nao e recomendado, a menos que necessario. As alteracoes podem ser sobrescritas ao atualizar o tema. O metodo de Injecao de Codigo e preferivel, pois sobrevive a atualizacoes do tema.

Passo 3: Verifique a Instalação

Apos salvar suas alteracoes, visite seu site Ghost em uma nova aba do navegador ou janela anonima. Voce deve ver o botao do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Certifique-se de ter clicado em "Save" apos adicionar o codigo na Injecao de Codigo. Tente limpar o cache do navegador ou visualizar em uma janela anonima. Se estiver usando Ghost(Pro), as alteracoes devem aparecer imediatamente. Para Ghost auto-hospedado, pode ser necessario reiniciar o servico Ghost.