Personalização
Tudo o que você pode personalizar no reactive.chat: aparência, botão do chat, janela, tela inicial, textos e idiomas, formulários, mensagens proativas, tours, testes A/B, assistente de IA, conhecimento, Smart Answer, privacidade e equipe.
Aqui você encontra tudo o que pode configurar no reactive.chat: a aparência do widget, o que ele diz, quando aborda os visitantes e como o assistente de IA responde. Para cada configuração, você verá onde encontrá-la na conta, quais valores ela aceita e, quando possível, como defini-la por código para páginas individuais.
Como incorporar o widget e como a interface JavaScript funciona como um todo são assuntos de Integração técnica. Como usar o reactive.chat no dia a dia está no manual do produto.
Onde ficam as configurações
Você configura quase tudo na página do seu projeto: /app/projects/{id}. Ela tem sete abas:
- Instalação – trecho de código de incorporação, nome, domínio, esquema de cores, idioma padrão, disponibilidade, fluxo guiado
- Aparência – marca (cores, botão do chat, estilo, janela, CSS personalizado), tela inicial, card promocional, informação sobre o reactive.chat
- Textos e formulários – formulário pré-chat, textos próprios, tours do produto, respostas prontas
- IA e conhecimento – assistente, execução do rastreamento, áreas bloqueadas, produtos
- Regras e atendimento – tooltips e ações programadas, metas de resposta e atendimento, notificação por e-mail, conversa por e-mail
- Privacidade – consentimento, revogação, exclusão, prazo de retenção
- Arquivar
Além disso, há páginas separadas em /app/projects/{id}/…, por exemplo, para Smart Answer, memória, versões, execuções de teste, automação e campanhas, além dos testes A/B em /app/ab.
As alterações feitas na conta normalmente chegam aos visitantes em até um minuto. A prévia na página do projeto mostra o widget real com os dados que você informou, mesmo antes de salvar.
Na conta ou por código?
As configurações da conta se aplicam a todas as páginas do seu projeto. Por código (atributos no trecho de incorporação ou chamadas ReactiveChat(…)), você ajusta uma página individual, como a de uma campanha, ou define opções para as quais a conta não tem um campo, como a posição do botão do chat.
<script src="https://cdn.reactive.chat/loader.js"
data-rc-site-key="SITE_KEY"
data-rc-position="left"
data-rc-strings='{"input.placeholder":"Your question …"}'
async></script>
A configuração que prevalece quando ambas estão definidas é explicada em cada opção. Como regra geral: os textos e o tema definidos por código têm prioridade sobre a conta. Para a marca, o trecho de incorporação só tem prioridade sobre a conta se contiver mais do que a cor inicial.
Capítulos
- Cores, fonte e tema – cor da marca, superfícies, proteção de contraste, claro/escuro, assistente de design, CSS personalizado, logo no cabeçalho
- O botão do chat – forma, tamanho, ícone, rótulo, exibição, posição, como evitar barras, chat sem botão
- Janela do chat – estilo, tamanho da janela, painel lateral, fundo, tamanho do texto, cabeçalho, celulares
- Textos e idiomas – detecção de idioma, idioma padrão, textos próprios, textos por código
- A tela inicial do chat – saudação, logo, blocos, aba Ajuda, card promocional
- Disponibilidade, formulários e atendimento – horário de atendimento, formulário offline, formulário pré-chat, fluxo guiado, conversa por e-mail, anexos
- Mensagens proativas – tooltips, mensagens programadas, regras em JSON, bolhas por código, campanhas
- Tours do produto e “Mostre-me”
- Testes A/B – testar variantes do botão do chat, da janela e dos textos (beta)
- Assistente de IA – nome, tom, escopo de assuntos, transferência, memória, versões, execuções de teste
- Conhecimento e fontes – execução do rastreamento, áreas bloqueadas, arquivos, aprovações, respostas aprimoradas
- Smart Answer – respostas da IA abaixo do campo de pesquisa do seu site
- Privacidade e consentimento – consentimento, exclusão, prazo de retenção, banner de cookies
- Equipe, console e notificações – respostas prontas, comandos, metas de atendimento, automação, notificações
- Planos, beta e assistente de configuração
Guias relacionados
- Incorporar o widget
- Abrir o chat por um link ou botão próprio
- O card promocional no chat
- Incorporar automaticamente o texto de privacidade
- Domínio próprio (first-party)
- Detalhes técnicos
Todas as partes da documentação em um só lugar: Documentação.
Paskutinį kartą atnaujinta: