Guia

Personalização do widget

Deixe o widget de chat com a cara da sua marca. Personalize cores, logotipos, mensagens e comportamento pelo painel — sem mexer no código.

Como personalizar

  1. 01

    Abra Canais

    Clique em "Canais" na barra lateral. Você precisa ser proprietário ou administrador para alterar as configurações do canal.

  2. 02

    Selecione o canal do seu site

    Clique no canal do seu site e abra a aba "Chat ao vivo". Todas as opções de personalização do widget ficam ali.

  3. 03

    Atualize as configurações

    Altere qualquer configuração de identidade visual, mensagens ou comportamento, confira a Prévia e selecione Salvar alterações.

  4. 04

    As alterações valem na hora

    O widget busca a configuração a cada carregamento de página, então suas alterações aparecem na próxima vez que um visitante abrir o seu site.

Identidade visual

Configurações visuais que definem a aparência do widget no seu site. O botão do chat pode usar um destes dois estilos:

  • Logotipo
  • Ícone
ConfiguraçãoDescriçãoPadrão
Estilo do botão do chatEscolha Logotipo para usar uma imagem personalizada ou Ícone para selecionar um dos ícones prontos do Sonny para o botão do chat.Ícone
Logotipo do widgetAparece quando o Estilo do botão do chat é Logotipo. Envie uma imagem JPEG, PNG, GIF ou WebP com menos de 2MB e pelo menos 64x64px.Sem logotipo personalizado
Escolher íconeAparece quando o Estilo do botão do chat é Ícone. Selecione o ícone pronto usado no botão do chat.Balão de chat
Cor do íconeDefina a cor do ícone selecionado com o seletor de cores ou um valor hexadecimal de 6 dígitos.#ffffff
Cor da marcaAplicada ao botão do chat, ao cabeçalho do chat, ao botão de enviar e aos balões das mensagens enviadas.#2563eb
Posição do widgetEscolha se o widget aparece no canto Inferior direito ou Inferior esquerdo da página.Inferior direito

Mensagens

Personalize os textos que os visitantes veem ao interagir com o widget.

Mensagem de boas-vindas
O texto exibido no topo da janela do chat quando um visitante abre o widget. Use-o para definir o tom da conversa.
Padrão: "Olá! Como podemos ajudar?" · Máximo de 500 caracteres
Mensagem quando online
O texto de status exibido no cabeçalho do chat quando pelo menos um agente está online. Aparece ao lado de um indicador verde.
Padrão: "Costumamos responder em poucos minutos" · Máximo de 500 caracteres
Mensagem quando offline
O texto de status exibido no cabeçalho do chat quando nenhum agente está online. Aparece ao lado de um indicador cinza.
Padrão: "Estamos ausentes — deixe uma mensagem e retornaremos" · Máximo de 500 caracteres

Comportamento

Configurações que definem como o widget se comporta para os visitantes.

Quando pedir o e-mail
Defina quando os visitantes informam nome e e-mail. Escolha "Antes da primeira mensagem" para exigir os dados de contato logo de início, ou "Depois da primeira mensagem" (padrão) para que os visitantes comecem a conversar na hora e informem os dados depois.
Formulário pré-chat
Peça os dados dos visitantes antes de o chat começar. Ative a opção e use Campos obrigatórios para escolher Nome, E-mail ou ambos. Pelo menos um campo precisa continuar selecionado.
Horário de atendimento
Defina seu horário de funcionamento para cada dia da semana. O widget aparece como online só quando há um agente disponível nesse horário — fora dele, os visitantes veem sua mensagem de offline, e a resposta automática por IA pode assumir se você a usar.
Onde o widget aparece
Mostre o widget só em páginas escolhidas, oculte-o em outras ou mostre-o apenas quando certas condições forem atendidas, como um grupo de visitantes, um parâmetro de URL, um período de datas ou o tempo na página. Configure as regras de exibição.
Domínios de desenvolvimento permitidos
Por padrão, o widget só carrega no domínio de produção cadastrado. Adicione outros domínios (como localhost:3000 ou staging.example.com) para testar o widget durante o desenvolvimento. localhost é sempre permitido automaticamente.
Ocultar “Desenvolvido por Sonny”
Remova a marca Sonny do widget. Isso está incluído em qualquer plano com IA ou no desbloqueio BYOK.
Mostrar confirmações de entrega aos visitantes
Mostre um tique abaixo da mensagem do visitante depois que o Sonny a recebe. O tique não significa que um agente leu a mensagem.

Dados obrigatórios e verificação

Os dados pré-chat e a verificação de visitantes resolvem problemas diferentes. Exigir E-mail significa que toda conversa nova precisa ter uma identidade de e-mail. Uma identidade assinada válida atende a esse requisito; quando a identificação por e-mail no navegador é permitida, o e-mail digitado pelo visitante também atende. Um nome salvo ou um formulário preenchido não é uma identidade de e-mail, então o Sonny pede de novo em vez de abrir uma conversa sem identificação.

Com a verificação Desligada ou Opcional, um e-mail digitado pelo visitante cria um contato não verificado e não libera o histórico entre dispositivos. Com Obrigatório para identificação, o e-mail digitado no navegador não é aceito como identidade, então um JWT assinado é necessário quando E-mail é um campo pré-chat obrigatório.

Instale e gerencie o widget

Use Código de instalação para copiar o código do seu site. A Prévia ao vivo mostra como ficarão as configurações visuais salvas. Se não precisar mais do canal, selecione Desconectar site e confirme a ação.

Guia de instalação do widget

Documentos relacionados

Veja como o Sonny ajuda