Início Rápido
Faça o AI Anywhere funcionar no seu site em apenas 2 passos.
Pronto para adicionar assistência de texto inteligente ao seu site? Você pode usar seu Assistente de duas maneiras. Este guia foca na incorporação do Assistente no seu site; a opção da Página do Assistente é resumida abaixo.
Duas opções
- Página de Ajuda (sem código): Cada assistente recebe instantaneamente um link compartilhável da Página do Assistente. No painel, abra seu Assistente (clique no nome do assistente ou em Editar). Na página de edição ou detalhes do assistente, clique no botão "Página do Assistente" para abrir a página em uma nova aba ou copiar o link para compartilhar. Nenhum trecho de código ou integração é necessário.
- Incorporar no seu site: Adicione o trecho de integração ao seu site para que o botão do Assistente apareça ao lado das suas áreas de texto. Siga os passos abaixo.
Obtenha seu código de integração
Após criar seu Ajuda no painel do AI Anywhere, você pode gerar um trecho de código pronto para uso. Este trecho contém tudo o que é necessário para conectar seu site ao AI Anywhere.
Seu trecho de código consiste em duas partes:
<!-- 1. Carregar o script do Assistente no seu -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
<!-- 2. Como o Assistente Funciona -->
<span data-helper-anchor data-helper-token="your-helper-token"></span>Adicionar ao Seu Site
Abra o arquivo HTML do seu site (ou modelo) e localize o <head> seção. Cole seu trecho de código logo antes do fechamento </head> da tag.
Aqui está um exemplo de configuração completa de página:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Site</title>
<!-- Incorporando o Script do Assistente -->
<script src="https://ai-anywhere.ai/sdk/v1/loader.js" data-site="your-site-id"></script>
</head>
<body>
<form>
<textarea id="notes" placeholder="Sua Mensagem:"></textarea>
<span data-helper-anchor data-helper-token="your-helper-token"></span>
</form>
</body>
</html>Resumo
You've successfully integrated AI Anywhere into your website! Here's what you've accomplished:
- Passo 1: Copiou seu trecho do Helper do painel AI Anywhere
- Passo 2: Pasted the snippet into your site's
<head>seção e adicionou a âncora do Helper aos seus campos de formulário
Após salvar e atualizar sua página, você deverá ver o botão do Helper aparecer ao lado das suas áreas de texto e campos de entrada. O Helper fornecerá assistência inteligente com base nos exemplos ideais e palavras-chave configurados.
Próximos Passos
- Personalize a aparência e o comportamento do Assistente no Configuração seção
- Alvejar campos de formulário específicos usando Seletores
- Saiba mais sobre opções avançadas em nosso Incorporação & Parâmetros de Snippet guia
