# Como colocar Claude no chat do seu site com a Nextags

Prepare o webchat da Nextags no domínio autorizado e conecte Claude ao agente, conferindo separadamente instalação, conversa e respostas.

Autoria: Angelo Sebastião Silva Goncalves
Publicado: 2026-10-28T21:00:00.000Z
Revisado: 2026-10-26T21:56:03.905Z
URL canônica: https://nextags.com.br/blog/claude-chat-site-webchat-nextags/

Para colocar Claude no chat do seu site com a Nextags, primeiro prepare o webchat no domínio da empresa. Depois, configure o provedor de IA e o agente que responderá às mensagens. São duas entregas conectadas: uma conversa que abre no site e um atendimento que sabe o que dizer.

O botão aparecer não comprova que a IA está pronta. Da mesma forma, um agente que funciona no teste interno não confirma que o código foi instalado e autorizado no endereço público correto.

## Defina onde o chat deve ajudar

Escolha a primeira tarefa do atendimento: explicar um serviço, orientar uma contratação ou receber uma solicitação. Relacione essa tarefa às páginas em que o botão aparecerá.

Em uma página de serviços, a pessoa pode precisar entender diferenças entre opções. Na página de contato, pode querer saber qual equipe atende sua solicitação. Prepare perguntas e informações para esses momentos, em vez de usar a mesma apresentação longa em qualquer contexto.

## Crie o webchat e aplique sua configuração

O [guia de instalação da Nextags](https://help.nextags.com.br/tutoriais/canais/webchat-no-site/) começa em **Configurações › Canais › Web Chatbot › Configurações**. Crie o webchat, ou abra o existente, e use a aba **Instalar** do construtor.

A opção **Aplicar no webchat** grava as cores e os textos da conversa; confira o estado aplicado antes de copiar o código. Essa etapa ajuda a evitar que o visitante encontre uma configuração diferente da que a equipe acabou de revisar.

Peça à pessoa responsável pelo site para instalar o código completo nas páginas escolhidas e publicar a alteração. Se houver um código antigo de webchat, revise sua substituição para não manter dois botões concorrentes.

## Autorize o domínio e teste a abertura

Na configuração **Authorized websites**, informe os endereços autorizados conforme o tutorial: domínio sem protocolo e sem caminho de página, incluindo a versão com www quando utilizada. Salve a configuração.

Depois, abra o site publicado, clique no botão e envie uma mensagem. Confirme sua chegada à Caixa de Entrada como Webchat. Uma conversa que mostra erro de permissão exige conferir os endereços autorizados; trocar o modelo de IA não corrige esse vínculo.

## Conecte a API da Anthropic

O [Claude na Nextags](https://help.nextags.com.br/tutoriais/ia/conectar-claude-xai-deepseek/) é ligado em **Configurações › Integrações › Claude AI** com a chave de API do provedor. O uso é cobrado pela Anthropic, separado do plano Nextags e da assinatura do aplicativo Claude.

Esse caminho também é diferente de publicar uma página criada em outra ferramenta. O roteiro usa o webchat da Nextags e um agente do AI Hub; não presume importação de Artifacts ou herança de recursos configurados no aplicativo Claude.

## Prepare o agente para orientar o visitante

Ao [criar o agente](https://help.nextags.com.br/tutoriais/ia/criar-agente/), organize os serviços disponíveis, os próximos passos da contratação e as informações que precisam de confirmação. Confira o modelo do Claude e salve.

Um ponto de partida para suas instruções:

> Ajude o visitante a identificar qual serviço corresponde à necessidade descrita. Quando faltar contexto, faça uma pergunta por vez. Não confirme preço, prazo ou disponibilidade que não estejam nas informações aprovadas. Explique como a equipe poderá continuar o atendimento.

Para a [resposta automática](https://help.nextags.com.br/tutoriais/ia/agente-padrao/), configure o agente padrão e o interruptor do provedor. Há um padrão por vez na conta; considere outros canais antes de mudar essa escolha.

## Revise a jornada no site publicado

Faça a [conferência do agente](https://help.nextags.com.br/tutoriais/ia/testar-agente/) e repita a experiência no domínio público. Verifique abertura do chat, envio da pergunta, chegada à Caixa de Entrada e qualidade da resposta.

Inclua uma pergunta sobre o serviço da página e outra sobre uma informação que não foi fornecida. O atendimento deve orientar sem inventar condições para fechar a conversa. Se precisar ajustar, salve e reteste o mesmo percurso. Conheça a [integração Claude e Nextags](https://nextags.com.br/integracoes/claude/) para preparar o chat como parte útil da experiência do seu site.

## Fontes
- [Colocar o webchat no seu site · Central de Ajuda NexTags](https://help.nextags.com.br/tutoriais/canais/webchat-no-site/)
- [Conectar o Claude, o xAI ou o DeepSeek · Central de Ajuda NexTags](https://help.nextags.com.br/tutoriais/ia/conectar-claude-xai-deepseek/)
- [Criar um agente de IA · Central de Ajuda NexTags](https://help.nextags.com.br/tutoriais/ia/criar-agente/)
- [Agente padrão e resposta automática por IA · Central de Ajuda NexTags](https://help.nextags.com.br/tutoriais/ia/agente-padrao/)
- [Testar e ajustar o agente · Central de Ajuda NexTags](https://help.nextags.com.br/tutoriais/ia/testar-agente/)