A tela inicial do chat: saudação, logo, blocos e abas

A tela inicial é a primeira coisa que um visitante vê ao abrir o chat: uma saudação, seu logo, um cabeçalho colorido e até dez blocos. Abaixo, ele alterna entre as abas Início, Mensagens e Ajuda. Sem tela inicial, o chat abre diretamente na conversa.

As configurações ficam em /app/projects/{id}, na aba Aparência, seção Tela inicial do widget.

A prévia ao vivo

Ao lado do formulário, funciona o widget real, alimentado pelos dados que você informa. O que você digita aparece imediatamente na prévia. Isso não salva nada; somente o botão Salvar aplica a alteração. Depois de salvar, leva até um minuto para os visitantes a verem.

A aba Ajuda não aparece na prévia: ela depende dos artigos publicados da central de ajuda, que o widget busca no seu próprio domínio. No site, ela aparece.

As opções

• Mostrar a tela inicial – desativado (padrão): o chat abre diretamente na conversa, sem a linha de abas. Ativado: o chat começa na tela inicial.
• Mostrar a aba Ajuda – mostra os artigos publicados da central de ajuda, com pesquisa. A aba só aparece quando a central tem um endereço e pelo menos um artigo publicado. Como configurar a central está descrito no manual do produto.
• Mostrar a última mensagem na tela inicial – ativado (padrão): visitantes recorrentes veem onde pararam e chegam à conversa com um clique.
• Mostrar o botão “Falar com a equipe” abaixo do campo de mensagem – ativado (padrão). O botão aparece enquanto o assistente de IA responde. Quando ninguém da equipe está online, diz “Deixar uma mensagem para a equipe”.

Logo, cores e saudação

• Logo na tela inicial – um endereço que comece com https://, ou uma imagem como data:image/…. No máximo 255 caracteres. Vazio significa sem logo; aparece apenas a saudação.
• Degradê do cabeçalho, de e até – duas cores para o cabeçalho colorido da tela inicial. Sem valor, o widget usa a cor da marca (veja Cores, fonte e tema).
• Saudação – a linha grande no topo. Vazio significa usar nosso texto traduzido (“Olá 👋”).
• Linha abaixo – a linha menor. Vazio significa “Como podemos ajudar?” no idioma do visitante.

Você escreve a saudação, a linha abaixo e os textos dos blocos no idioma padrão do projeto (Instalação → Dados básicos). No máximo 400 caracteres por texto. Não há tradução separada por idioma para esses campos: o que você informa também é visto por visitantes cujo widget está em outro idioma. Por isso, escreva a tela inicial no idioma que a maioria dos visitantes lê. Se deixar a saudação ou a linha abaixo vazia, nosso texto aparece no idioma do visitante.

O estilo do cabeçalho (degradê, plano ou vidro) e a densidade da tela inicial são definidos em Aparência → Marca → Estilo; veja Janela do chat: estilo, tamanho e painel lateral.

Blocos

Blocos são botões grandes na tela inicial. Você pode criar até dez. Um bloco sem título não aparece; é também assim que você remove um: apague o título e salve.

Cada bloco tem:

• Comportamento – o que o clique faz:
• ir para a conversa – abre a conversa. Se Destino contiver uma frase, ela é inserida no campo de entrada do visitante. Não é enviada.
• abrir um link – abre o endereço em Destino. Ele deve começar com https://, ou não será salvo.
• abrir Ajuda – muda para a aba Ajuda.
• deixar uma mensagem – abre o formulário de mensagem por e-mail.
• Título – obrigatório; sem ele, o bloco não aparece.
• Linha abaixo – opcional.
• Destino – conforme o comportamento, o endereço ou a frase preenchida previamente, no máximo 200 caracteres.

A tela inicial inteira (blocos, textos e card promocional juntos) pode ter no máximo 16 KB ao salvar. Dez blocos com título e segunda linha ficam bem abaixo disso. Se ultrapassar, a conta informa o motivo em vez de omitir algo silenciosamente.

Card promocional

Na tela inicial e/ou no topo da conversa, você pode mostrar um card com sua oferta, por exemplo, seu plano pago. Ele fica em Aparência → Card promocional e tem um guia próprio: O card promocional no chat. Para o local “tela inicial”, a tela inicial precisa estar ativada.

Escolher uma aba ao abrir

A aba que fica em primeiro plano ao abrir o chat pode ser definida por link ou chamada, com data-rc-tab ou a opção tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

São permitidos home (tela inicial), msg (conversa) e help (ajuda). Se a aba não existir, o chat abre normalmente. Mais detalhes em Abrir o chat por um link ou botão próprio.

Se algo não aparecer

• Sem linha de abas: Mostrar a tela inicial está marcado e salvo?
• Sem aba Ajuda: a central de ajuda tem endereço e pelo menos um artigo publicado?
• Falta um bloco: ele tem título?
• O logo não aparece: o endereço começa com https:// ou data:image/?

Você pode alterar os textos das abas (“Início”, “Mensagens”, “Ajuda”) e dos blocos incorporados em Textos e idiomas.