Personalização de widgets

Um widget de chat ao vivo que se parece com o seu

Personalize cada detalhe do seu widget de chat – cores, posição, idioma, modo escuro e muito mais. Faça com que pareça 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.

Cada detalhe, do seu jeito

Um construtor de widget sem código com controle total sobre aparência, comportamento e comportamento.

Cores da marca

Modo escuro

Mais de 50 idiomas

Construtor de widgets

Tipos de bolha

Campanhas

Suporte RTL

Controle SDK

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. Nenhum desenvolvedor necessário.

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 — definir uma mensagem de saudação automática quando um cliente abrir o widget
Cor do widget — escolha qualquer cor para combinar com a paleta da sua marca
Posição e bolha — escolha o posicionamento esquerdo ou direito e o estilo de bolha padrão ou expandido

Cores e aparência da marca

Combine perfeitamente com 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
Bolha padrão — um ícone circular limpo que flutua no canto do seu site
Bolha expandida — 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

Cor do widget

Texto de boas-vindas

Olá

Normalmente respondemos em alguns minutos

Tipo de bolha

Standard
Converse conosco
Expanded

Modo escuro

Respeite as preferências dos seus visitantes

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

Modo automático — segue automaticamente a preferência de 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 bolha

Coloque-o onde funcionar melhor

Escolha a posição do widget em seu site, escolha o estilo de bolha que se adapta ao seu design e personalize o texto do iniciador para bolhas expandidas.

Esquerda ou direita — coloque o iniciador de widget em qualquer lado adequado ao seu layout
Bolha padrão — um ícone de bate-papo circular compacto – mínimo e familiar
Bolha expandida — 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 bate-papo em uma janela separada do navegador para mensagens sem distrações
yourwebsite.com

Idioma e localização

Fale a língua dos seus clientes

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

Mais de 50 idiomas — A UI 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
Substituição de localidade do SDK — defina o idioma manualmente usando o método setLocale 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 uma janela separada, alterne seletores de emoji, uploads de arquivos, coleta de e-mail e botão encerrar conversa.

Janela pop-up — os visitantes podem abrir o bate-papo em uma janela de navegador em tamanho real para conversas mais longas
Coleta de e-mail — solicitar aos visitantes seus e-mails para que as conversas possam continuar caso eles saiam
Seletor de emojis — ativar ou desativar o seletor de emoji no compositor de widgets
Anexos de arquivo — permitir que os visitantes carreguem e compartilhem imagens, documentos e outros arquivos
Encerrar conversa — permitir que os visitantes fechem as conversas do widget quando o problema for resolvido

Janela pop-up

Abra o bate-papo em uma janela dedicada do navegador

Ativado

Coleta de e-mail

Solicitar endereço de e-mail automaticamente

Ativado

Seletor de Emoji

Deixe os visitantes se expressarem com emojis

Ativado

Anexos de arquivo

Permitir que visitantes compartilhem arquivos e imagens

Ativado

Campanhas proativas

Inicie conversas, não espere por elas

Acione mensagens direcionadas no widget quando os visitantes atenderem a 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 — acionar mensagens apenas em páginas específicas, como preços, checkout ou documentos
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 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 de widget

Abra, feche, alterne e abra o widget 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 a representação e garantir sessões seguras de widgets.

Mensagens interativas

Conteúdo de widget rico e interativo

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 — apresentar opções que os visitantes podem tocar para encaminhar-se para a equipe certa
Cards — exibir cartões de conteúdo sofisticado com imagens, títulos e descrições dentro do chat
Forms — colete dados estruturados por meio de formulários de bate-papo sem redirecionar visitantes
Artigos incorporados — exiba artigos da central de ajuda diretamente no widget para obter respostas instantâneas

Como podemos ajudá-lo hoje?

FaturamentoTécnicoVendasOutro

Guia de primeiros passos

Aprenda como configurar sua conta em 5 etapas

Feedback rápido

👍👎

Torne o widget seu

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

Solicite uma demonstração Iniciar teste gratuito

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