> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.notificacoesinteligentes.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como configurar o Botão flutuante do Whatsapp?


### Como funciona? 

Os botões flutuantes do WhatsApp, disponibilizados pelo o Notificações Inteligentes servem para facilitar o contato direto entre visitantes do site e o suporte ou equipe de vendas via WhatsApp. Ao clicar no botão, o usuário é redirecionado para uma conversa no aplicativo ou na versão web do WhatsApp, permitindo que tire dúvidas, solicite informações ou faça compras de forma rápida e prática. É uma ferramenta estratégica para melhorar a comunicação e aumentar as conversões.

# Como criar um botão flutuante de redirecionamento dos meus leads?

1. Na tela principal do **Notificações Inteligentes**, vá até **Ferramentas**:


![](https://storage.crisp.chat/users/helpdesk/website/-/7/8/6/4/786467ca5128f400/image_dpb0zm.png)

2. Em seguida, clique na sessão **Botão flutuante do WhatsApp**: 


![](https://storage.crisp.chat/users/helpdesk/website/-/7/8/6/4/786467ca5128f400/image_j6ezyv.png)

Na tela que se abre, podemos definir se o redirecionamento será feito para um número de telefone próprio ou por meio de um Redirecionador Inteligente.

1. **Redirecionador Inteligente**: Juntamente com a funcionalidade Redirecionadores Inteligentes é possível redirecionar o lead, gerar relatórios, incluir UTMs, origem e calcular a quantidade de cliques do redirecionador. Saiba mais [aqui](https://ajuda.notificacoesinteligentes.com/pt-br/category/redirecionadores-inteligentes-vi7xgr/)! 

2. **Número próprio**: Permite redirecionar o lead para o número de WhatsApp da sua escolha.

![Escolha como redirecionar](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_4hwqta.png)

### Redirecionador inteligente

**Como configurar?** 

1. Clique em **Utilize este**: 

![Redirecionador Inteligente](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_15pr8st.png)

2. Em **Redirecionador**, selecione o Redirecionador de sua escolha: 

![Selecione o redirecionador](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_1j2ml88.png)

Nas configurações do Redirecionador Inteligente, você tem acesso a duas opções:

### 1. Editar opções de rastreamento via UTMs

Esta opção serve para você editar os parâmetros UTMs do rediorecionador. Saiba mais [aqui](https://ajuda.notificacoesinteligentes.com/pt-br/article/como-utilizar-o-url-builder-1k3jtng/) sobre as UTMs. 

![Editar opções de rastreamento via UTMs](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_1o08rti.png)

![Edição das UTMs](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_8tilkd.png)

### 2. Incluir no rastreamento a página de origem do lead 

Esta opção, serve para você optar por incluir no rastreamento a página de origem do lead.

![Incluir no rastreamento a página de origem do lead](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_19e9wq8.png)

3. Após ter feito todas as configurações, clique em **Prosseguir**: 

![Prosseguir](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_1mnm6eh.png)

4. Na tela que se abre, você precisa configurar o **Layout** do botão. 

![Layout do botão](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_qeo6ka.png)
Você consegue definir:

1. **Tamanho do botão**: Ajuste o tamanho do botão conforme o layout do site.

2. **Texto do botão**: Defina o texto que aparecerá no botão, como "Fale Conosco".

3. **Customizar mensagem de encaminhamento**: Personalize a mensagem inicial que será enviada no WhatsApp.

4. **Cores da fonte e do background**: Escolha as cores do texto e do fundo do botão.

5. **Posição**: Defina onde o botão aparecerá na página, como no canto inferior.

Após ter realizado as configurações do **Layout**, clique em **Prosseguir**: 

![Prosseguir](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_d5ahdd.png)

5. Na sessão **Script**, você terá acesso ao código do botão gerado. Basta clicar em **Copiar**, e colar este código em seu site, que você terá um botão flutuante do WhatsApp.

![Copiar](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_nk2w6w.png)

### Número próprio

**Como configurar?** 

1. Clique em **Utilize este**: 

![Número próprio](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_1qmt1ib.png)

2. Em **Número de telefone**, insira o número de WhatsApp da sua escolha: 

![Número de telefone](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_lb9k6a.png)

3. Após ter configurado o número, clique em **Prosseguir**:

![Prosseguir](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_1141dv8.png)


4. Na tela que se abre, você precisa configurar o **Layout** do botão. 

![Layout do botão](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_qeo6ka.png)
Você consegue definir:

1. **Tamanho do botão**: Ajuste o tamanho do botão conforme o layout do site.

2. **Texto do botão**: Defina o texto que aparecerá no botão, como "Fale Conosco".

3. **Customizar mensagem de encaminhamento**: Personalize a mensagem inicial que será enviada no WhatsApp.

4. **Cores da fonte e do background**: Escolha as cores do texto e do fundo do botão.

5. **Posição**: Defina onde o botão aparecerá na página, como no canto inferior.

Após ter realizado as configurações do **Layout**, clique em **Prosseguir**: 

![Prosseguir](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_d5ahdd.png)

5. Na sessão **Script**, você terá acesso ao código do botão gerado. Basta clicar em **Copiar**, e colar este código em seu site, que você terá um botão flutuante do WhatsApp.

![Copiar](https://storage.crisp.chat/users/helpdesk/website/786467ca5128f400/image_nk2w6w.png)
