Passar para o conteúdo principal

Botão Flutuante

Aprenda a personalizar o botão flutuante exibido no site. Nesta configuração você pode ativar o botão, escolher ícone, cores, tamanho, efeitos visuais, posição na tela e personalizar o menu exibido quando houver mais de um departamento configurado.

O botão flutuante é uma das principais ferramentas de contato do site, permitindo que os visitantes iniciem rapidamente uma conversa via WhatsApp ou outros canais de atendimento.


Como acessar

Na dashboard, acesse:

Configurações > Botão Flutuante


Ativar o botão flutuante

O primeiro passo é ativar a funcionalidade.

  1. Localize a opção Ativar.

  2. Habilite a chave de ativação.

  3. Clique em Salvar alterações.

Após ativado, o botão passará a ser exibido no site.


Personalizar o ícone

A plataforma permite escolher qual ícone será exibido dentro do botão flutuante.

As opções podem variar conforme as integrações disponíveis no site.

Exemplos

  • Atendimento

  • Mensagem

  • Chat

  • WhatsApp


Cor do ícone

Após selecionar o ícone, escolha a cor que será utilizada.

Essa configuração altera apenas o ícone interno do botão.

Recomendações

  • Utilizar cores que mantenham boa visibilidade.

  • Garantir contraste com a cor do botão.


Tamanho do ícone

Defina o tamanho do ícone em pixels.

Exemplo

35

Quanto maior o valor, maior será a exibição do ícone dentro do botão.


Personalizar o botão

Nesta seção você define a aparência do botão flutuante.


Cor do botão

Define a cor de fundo do botão exibido no site.


Posição do botão

Escolha onde o botão será exibido.

Opções disponíveis

  • Direita

  • Esquerda


Efeito de atenção

Permite adicionar animações para aumentar a visibilidade do botão.

Os efeitos podem aumentar a taxa de interação, principalmente em páginas com alto volume de acesso.

Pulsante

O botão realiza uma animação contínua para chamar a atenção do visitante.

Tremendo

O botão realiza pequenos movimentos periódicos.

Sem efeito

O botão permanece estático.


Personalizar o menu do botão

Quando existem múltiplos departamentos cadastrados, o botão flutuante exibe um menu para que o visitante escolha o setor desejado.

Exemplos:

  • Vendas

  • Locação

  • Comercial

  • Lançamentos

  • Captação

Nessa seção é possível personalizar a aparência desse menu.


Cor do menu

Define a cor de fundo do menu exibido ao abrir o botão.


Cor do texto

Define a cor utilizada nos nomes dos departamentos exibidos no menu.

Recomendação: Utilize uma cor que mantenha boa leitura e contraste com o fundo configurado.


Integração com chats externos

Caso exista algum sistema de chat integrado ao site, é possível exibi-lo junto ao botão flutuante.

Para isso:

  1. Ative a opção Incluir o chat na lista do menu.

  2. Salve as alterações.


Como funciona

Quando esta opção estiver habilitada:

  • O WhatsApp continuará disponível normalmente.

  • O chat integrado também aparecerá no menu do botão.

  • O visitante poderá escolher qual canal deseja utilizar.

Exemplo

Ao clicar no botão flutuante:

  • WhatsApp Comercial

  • WhatsApp Locação

  • Chat Online


Exemplo de exibição no site

Após a configuração, o botão ficará visível em todas as páginas do site conforme as opções selecionadas.


Boas práticas

Para obter melhores resultados:

  • Utilize cores compatíveis com a identidade visual da imobiliária.

  • Evite efeitos excessivos que possam prejudicar a experiência do usuário.

  • Organize os departamentos com nomes claros.

  • Configure corretamente os números de WhatsApp antes de ativar o botão.

  • Caso utilize um chat externo, habilite a integração pelo menu do botão.


Salvar alterações

Após concluir as configurações, clique em Salvar alterações para aplicar as mudanças ao site.

⚠️ As alterações só serão exibidas após o salvamento.

💡 Dica

Precisa de mais ajuda? Utilize a inteligência artificial do nosso chat!

Ela é atualizada e aperfeiçoada constantemente, então... realmente funciona!


😎 Ei, não deixe de avaliar este artigo no final da página.

Respondeu à sua pergunta?