Personalização de widgets

Um widget de chat ao vivo que parece seu

Personalize cada detalhe do seu widget de chat – cores, posição, idioma, modo escuro e muito mais. Faça dele uma parte natural do seu site.

Solicite uma demonstração Iniciar teste gratuito

Grátis por 15 dias. Não é necessário cartão de crédito.

Construtor de widget sem código

Personalize sem escrever código

Use o construtor de widget visual do Chatwoot para ajustar a aparência, o conteúdo e o comportamento do seu widget, tudo com uma visualização ao vivo. Sem precisar de desenvolvedor.

Visualização ao vivo: veja suas alterações em tempo real conforme você ajusta as configurações

Mensagens de boas-vindas: personalize o título, o slogan e o tempo de resposta mostrado aos visitantes

Saudação do canal: defina uma mensagem de saudação automática quando um cliente abrir o widget

Cor do widget: escolha qualquer cor para acompanhar a paleta da sua marca

Posição e balão: escolha o posicionamento à esquerda ou à direita e o estilo de balão padrão ou expandido

Cores e aparência da marca

Alinhe o widget à sua marca

Defina a cor da sua marca e o widget se adapta a qualquer lugar – o balão do iniciador, o cabeçalho, os botões e os destaques da mensagem permanecem consistentes.

Qualquer cor hexadecimal: defina qualquer cor – o widget, o iniciador, o cabeçalho e os botões se adaptam

Balão padrão: um ícone circular discreto que flutua no canto do seu site

Balão expandido: um iniciador mais amplo com texto personalizado como 'Converse conosco' para maior visibilidade

Texto do iniciador personalizado: defina o texto exibido no balão expandido por meio da configuração launcherTitle

Título e slogan de boas-vindas: cumprimente os visitantes com seu próprio título e descrição do tempo de resposta

Modo escuro

Respeite as preferências dos seus visitantes

Ative o modo escuro automático para que seu widget se adapte às preferências do sistema operacional do visitante. A janela de chat é renderizada em um tema escuro sem nenhum esforço extra.

Modo automático: segue automaticamente a preferência do sistema operacional do visitante (claro ou escuro)

Modo claro: sempre renderize o widget em tema claro, independentemente das configurações do sistema operacional

Configuração simples: defina darkMode como 'auto' em chatwootSettings - uma linha de código

Estilo consistente: todos os elementos do widget – cabeçalho, mensagens, entradas – se adaptam ao tema

Posição e tipo de balão

Posicione onde funcionar melhor

Escolha a posição do widget no seu site, defina o estilo de balão que se encaixa no seu design e personalize o texto do iniciador para balões expandidos.

Esquerda ou direita: posicione o iniciador do widget do lado que se encaixa no seu layout

Balão padrão: um ícone de chat circular e compacto – mínimo e familiar

Balão expandido: um iniciador mais amplo em forma de pílula com texto personalizável para maior visibilidade

Janela pop-up: permita que os visitantes abram o chat em uma janela separada do navegador, para conversar sem distrações

Idioma e localização

Fale a língua dos seus clientes

O Chatwoot oferece suporte imediato a 50+ idiomas. O widget se adapta automaticamente à localidade do navegador do visitante ou você pode configurá-lo manualmente por meio do SDK.

50+ idiomas: a interface do widget é exibida automaticamente no idioma do navegador do visitante

Suporte RTL: renderização completa da direita para a esquerda para árabe, hebraico, persa e muito mais

Definição de idioma pelo SDK: defina o idioma manualmente usando o método setLocale do SDK

Equipes multilíngues: caixas de entrada diferentes podem atender a públicos de idiomas diferentes

Comportamento do widget

Controle como o widget se comporta

Ajuste a experiência do widget: abra o chat em uma janela separada e ative ou desative o seletor de emojis, o envio de arquivos, a coleta de e-mail e o botão de encerrar conversa.

Janela pop-up: os visitantes podem abrir o chat em uma janela de navegador em tamanho real para conversas mais longas

Coleta de e-mail: peça o e-mail aos visitantes para que as conversas possam continuar caso eles saiam

Seletor de emojis: ative ou desative o seletor de emojis no compositor do widget

Anexos de arquivo: permita que os visitantes enviem e compartilhem imagens, documentos e outros arquivos

Encerrar conversa: permita que os visitantes encerrem as conversas do widget quando o problema for resolvido

Campanhas proativas

Inicie conversas, não espere por elas

Acione mensagens direcionadas no widget quando os visitantes cumprirem condições específicas – tempo na página, padrão de URL ou eventos personalizados. Converta mais visitantes em clientes.

Campanhas em andamento: envie mensagens proativas com base no URL da página, tempo na página ou regras personalizadas

Segmentação por URL: acione mensagens apenas em páginas específicas, como preços, checkout ou documentação

Atraso de tempo: espere um determinado número de segundos antes de mostrar a mensagem da campanha

Mensagens personalizadas: escreva mensagens personalizadas para cada campanha de acordo com o contexto

SDK e controle do desenvolvedor

Controle programático total

Vá além do construtor. Use métodos do SDK para controlar dinamicamente o widget, definir atributos do usuário, alterar a localidade e acionar ações a partir do código do seu aplicativo.

Identificação do usuário

Passe dados do usuário como nome, e-mail e atributos personalizados para personalizar a experiência e encaminhar conversas.

Controle do widget

Controle a abertura, o fechamento e a alternância do widget, além de exibi-lo em uma janela separada, tudo programaticamente. Defina o idioma, redefina sessões e muito mais.

Validação de identidade

Habilite a validação de identidade baseada em HMAC para evitar falsificação de identidade e garantir sessões seguras do widget.

Mensagens interativas

Conteúdo rico e interativo no widget

Vá além do texto simples com cartões interativos, formulários, opções de resposta rápida e artigos incorporados, todos renderizados nativamente dentro do widget de chat.

Botões de resposta rápida: apresente opções que os visitantes podem tocar para serem encaminhados à equipe certa

Cartões: exiba cartões de conteúdo rico com imagens, títulos e descrições dentro do chat

Formulários: colete dados estruturados por meio de formulários no chat, sem redirecionar visitantes

Artigos incorporados: exiba artigos do Help Center diretamente no widget para obter respostas instantâneas

Torne o widget seu

Comece a personalizar seu widget de chat ao vivo para refletir a sua marca. Configure em minutos, sem precisar de habilidades de design.

Iniciar teste gratuito Solicite uma demonstração