Depois de criar seu AI Growth Widget, você poderá retornar às configurações a qualquer momento para atualizá-las, ajustar a aparência do widget no seu site e definir como os visitantes interagem com ele.

Este artigo explica como gerenciar o widget nas quatro abas disponíveis:

• Identidade visual
• Configurações básicas
• Engajamento
• Canais

Acessar as configurações do AI Growth Widget

Para gerenciar seu widget:

1. Acesse Canais clicando no ícone correspondente na barra de navegação à esquerda.
2. Clique em AI Growth Widget no painel esquerdo.
3. Você será direcionado à página de configurações do AI Growth Widget.

Você poderá alternar entre as abas e atualizar as configurações a qualquer momento. As alterações serão salvas automaticamente e refletidas na visualização.

Identidade visual

A aba Identidade visual controla a aparência do widget e como sua empresa é apresentada aos visitantes.

Utilize essa aba para configurar a identidade visual da sua marca e as mensagens padrão.

Configurações disponíveis

• Logo da empresa: Carregue um logo para representar sua marca. Ele será exibido na tela de boas-vindas do widget e como avatar do remetente nas conversas.
• Cor primária: Defina a cor principal utilizada no botão do widget e nas ações principais.
• Cor secundária: Defina a cor utilizada nos balões de mensagem da interface de chat.
• Nome de exibição do chat ao vivo: Informe o nome exibido como título do widget. Normalmente, esse é o nome da empresa ou do produto.
• Nome de exibição do remetente: Defina o nome exibido como remetente das mensagens no chat.
• Mensagem de boas-vindas: Defina a mensagem padrão exibida quando um visitante inicia uma conversa em uma página que não possui uma mensagem pop-up configurada.

Essas configurações afetam diretamente a aparência do widget e a forma como os visitantes percebem sua marca durante as conversas.

Configurações básicas

A aba Configurações básicas controla o comportamento do widget e como ele é apresentado aos visitantes. Nessa aba, você pode configurar o modo de exibição do widget e as configurações de idioma.

Modo de exibição do widget

Na seção Modo de exibição do widget, escolha como o widget será exibido no seu site.

Você pode selecionar uma das seguintes opções:

• Widget de navegação: uma barra de chat centralizada na parte inferior da página, projetada para orientar o engajamento, oferecendo uma experiência de chat focada e uma barra lateral integrada.
• Widget de suporte: um ícone de chat exibido em um dos cantos da página, que oferece uma experiência de suporte familiar e discreta.

Para obter uma explicação detalhada sobre cada modo de exibição e seus casos de uso, consulte o artigo Criar seu AI Growth Widget.

Posição do widget

Em Posição do widget, escolha em qual borda o ícone de chat ficará fixado e a distância em relação a essa borda.

Observação: Os deslocamentos lateral e inferior são aplicáveis apenas ao widget para web. Em dispositivos móveis, somente o lado, esquerdo ou direito, pode ser alterado.

Você pode configurar as seguintes opções:

• Lado: Escolha se o widget será exibido no lado Direito ou Esquerdo do seu site.
  • Direito: O widget será exibido no lado direito. Essa é a opção padrão.
  • Esquerdo: O widget será exibido na borda oposta.
• Deslocamento lateral: Defina a distância entre o widget e a borda lateral selecionada. Essa configuração está disponível apenas para web.
• Deslocamento inferior: Defina a distância entre o widget e a borda inferior. Essa configuração está disponível apenas para web.

Quando exibir

Em Quando exibir, escolha quando os visitantes verão o widget no seu site.

Você pode selecionar uma das seguintes opções:

• Exibir automaticamente: O iniciador do chat será exibido em todas as páginas assim que o widget for carregado.
• Exibir ao acionar: O widget permanecerá oculto até que um botão do seu site chame a API JavaScript.

Quando Exibir ao acionar estiver selecionado, utilize a API JavaScript apresentada no painel de configuração para abrir ou ocultar o widget no seu site.

Use essa opção quando quiser controlar o momento em que o widget será exibido, como depois que um visitante clicar em um botão personalizado ou concluir uma ação específica no seu site.

Configurações de idioma

Em Configurações de idioma, defina os idiomas compatíveis com o widget.

• Idioma principal: O idioma padrão utilizado quando o idioma do navegador do visitante não for compatível.
• Idiomas adicionais: Adicione outros idiomas para oferecer uma experiência localizada aos visitantes.

O widget será exibido em um idioma compatível que corresponda às configurações do navegador do visitante. Caso nenhuma correspondência seja encontrada, o idioma principal será utilizado.

Engajamento

A aba Engajamento controla como o widget inicia conversas proativamente com os visitantes.

Mensagem pop-up

Em Mensagem pop-up, você pode criar uma mensagem padrão para cumprimentar os visitantes no seu site e incentivá-los a iniciar uma conversa.

Você pode configurar:

• Nome da mensagem, utilizado como referência interna.
• Conteúdo da mensagem, com até 500 caracteres.
• Tempo de exibição, que define quantos segundos o sistema aguardará antes de exibir a mensagem.

Essa mensagem será utilizada como a mensagem pop-up geral exibida em todo o site.

Mensagem pop-up específica da página

Em Mensagem pop-up específica da página, você pode criar mensagens personalizadas para páginas específicas do seu site.

Esse recurso é útil quando você deseja adaptar a mensagem ao contexto da página. Por exemplo, você pode exibir mensagens diferentes em páginas de produtos, páginas de preços ou landing pages.

Quando uma mensagem pop-up específica da página estiver configurada, os visitantes dessa página verão essa mensagem no lugar da mensagem pop-up geral.
 

Para adicionar uma mensagem pop-up específica da página:

1. Clique em Adicionar mensagem pop-up na seção Mensagem pop-up específica da página.
2. Uma janela será exibida.
   
3. Acesse a aba Conteúdo e configure os seguintes campos:
   1. Título da mensagem: O título da mensagem pop-up, exibido apenas internamente para que sua equipe consiga identificá-la.
   2. Mensagem: Digite o texto que deseja exibir. É possível inserir até 70 caracteres.
      1. Exemplo: Precisa de ajuda para escolher um plano? Fale conosco agora!
4. Para configurar as condições de exibição da mensagem pop-up, acesse a aba Condições.
   
   1. As condições definem quando e onde as mensagens pop-up serão exibidas. É necessário configurar pelo menos 1 condição, sendo possível adicionar até 5 condições por mensagem. A mensagem pop-up somente será exibida se o visitante atender a todas as condições selecionadas.
   2. Siga as etapas abaixo para configurar as condições:
      1. Depois de inserir o conteúdo da mensagem pop-up, acesse a aba Condições.
      2. No menu suspenso, escolha como a regra deverá funcionar:
         1. Exibir quando a URL contiver
         2. Exibir quando a URL contiver exatamente
         3. Ocultar quando a URL contiver
         4. Ocultar quando a URL contiver exatamente
      3. Informe os critérios de correspondência. Por exemplo: https://catparadise.com/adoption.
      4. Opcionalmente, clique em + Adicionar condição para incluir outras condições.
         1. Exemplo: Exibir quando a URL contiver /adoption E depois de 10 segundos na página.
      5. Caso necessário, defina o tempo de espera informando quantos segundos o sistema deverá aguardar, depois que a condição for atendida, antes de exibir a mensagem pop-up.
         
      6. Clique em Salvar como rascunho para continuar editando posteriormente ou em Salvar e publicar para ativar a mensagem.

Canais

A aba Canais controla como os visitantes podem entrar em contato com sua empresa por meio do widget.

Coletar dados do cliente

Ative Coletar dados do cliente para exigir que os visitantes informem seus dados de contato antes de iniciar uma conversa.

Depois de ativar essa opção, você poderá escolher quais informações serão obrigatórias:

• O número de telefone é obrigatório
• O endereço de e-mail é obrigatório

Os visitantes deverão informar os dados de contato selecionados antes de continuar no widget.

Se as duas opções estiverem selecionadas, os visitantes precisarão informar tanto um número de telefone quanto um endereço de e-mail antes de iniciar a conversa.

Para saber mais sobre como o formulário de contato funciona no AI Growth Widget, consulte o artigo da Central de Ajuda Coletar formulário de contato com o AI Growth Widget.

Você também pode configurar o aviso de consentimento exibido abaixo do botão de envio do formulário de contato. Configurações disponíveis

• Aviso de consentimento: Exibe um aviso de consentimento abaixo do botão de envio do formulário de contato.
• Texto do aviso de consentimento: Informe o texto de consentimento que deseja exibir aos visitantes. Esse campo aceita várias linhas e possui um limite de 500 caracteres.
• Restaurar padrão: Restaura o texto padrão do aviso de consentimento. Essa opção será exibida somente se você tiver alterado o conteúdo padrão.

Utilize o aviso de consentimento para explicar como sua empresa poderá utilizar as informações de contato enviadas pelos visitantes por meio do widget.

Canal de Live Chat

Se você selecionou Widget de suporte como Modo de exibição do widget, poderá controlar se os visitantes poderão conversar diretamente com sua empresa ativando ou desativando o Live Chat.

Quando o Live Chat estiver ativado, os visitantes poderão iniciar uma conversa diretamente com sua empresa pelo widget no seu site.

Utilize essa configuração para disponibilizar o Live Chat como uma das opções de comunicação no AI Growth Widget.

Canais de mensagens externos

Os canais de mensagens externos permitem que os visitantes continuem a conversa por outras plataformas, em vez de permanecerem no widget.

Somente os canais que já estiverem conectados ao seu workspace poderão ser ativados.

Para cada canal, você pode:

• Selecionar uma conta conectada, quando aplicável.
• Ativar ou desativar o canal.

Quando ativados, esses canais serão exibidos no widget como opções alternativas para entrar em contato com sua empresa.

Utilizar Ligação telefônica como canal externo

Você também pode adicionar uma linha telefônica direta ao widget para que os visitantes possam entrar em contato com sua equipe de vendas ou suporte com apenas um clique.

Na seção Ligação telefônica, configure os seguintes campos:

• Nome de exibição: O rótulo exibido aos visitantes (por exemplo, Ligue para nós ou Central de vendas).
• Número de telefone: O número de telefone completo no formato internacional (por exemplo, +1 234 567 890).

Como funciona para os visitantes

• Em dispositivos móveis: Ao tocar na opção de telefone, o discador nativo do dispositivo será aberto com o número já preenchido.
• Em computadores: Ao clicar na opção de telefone, um aplicativo de chamadas, como o FaceTime, poderá ser aberto. Caso contrário, o visitante poderá visualizar o número e discá-lo manualmente.

Quando ativado, o canal Ligação telefônica será exibido junto com os outros canais de mensagens externos na seção Entre em contato conosco do widget.

Copiar e instalar o trecho de código do AI Growth Widget

Depois de configurar o AI Growth Widget, copie e instale o trecho de código do widget no seu site. Isso permitirá que o widget seja exibido aos visitantes no seu site publicado.

Copiar o trecho de código do widget

1. Acesse a página Configurações do AI Growth Widget.
2. Clique em Instalar widget no site, no canto superior direito da página.
3. Na janela de instruções, revise as orientações de instalação.
   
4. Clique em Copiar trecho de código para copiar o snippet do widget.

Instalar o widget no seu site

1. Cole o trecho de código copiado no HTML do seu site, antes da tag de fechamento </body>.
2. Salve e publique as alterações do site.
3. Abra seu site e atualize a página para verificar se o widget está sendo exibido corretamente.

Se o seu site for gerenciado por um desenvolvedor ou uma agência externa, compartilhe o trecho de código copiado com eles e solicite que ele seja adicionado antes da tag de fechamento </body>.

Próximas etapas

Depois de instalar ou atualizar o trecho de código do widget, você poderá:

• Revisar o widget utilizando a visualização em tempo real para verificar sua aparência e funcionamento.
• Testar a experiência diretamente no seu site para confirmar que as configurações atualizadas estão funcionando conforme o esperado.
• Continuar otimizando as configurações de engajamento e dos canais de acordo com as necessidades da sua empresa.

Você pode retornar à página Configurações do AI Growth Widget a qualquer momento para atualizar sua configuração.