> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.flowella.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Click-to-chat: trazer clientes para o WhatsApp a partir do exterior

> Envie pessoas para uma conversa WhatsApp a partir do seu site, e-mails, biografias sociais ou códigos QR utilizando ligações wa.me — a alternativa gratuita aos anúncios Click-to-WhatsApp.

Um link **click-to-chat** abre o WhatsApp com um chat para o seu número comercial já iniciado. São gratuitos, funcionam sem qualquer configuração Meta para além de ter um número WhatsApp registado, e podem ser colocados em qualquer lugar onde se coloque um link ou botão normal - CTAs do site, rodapés de e-mail, biografias de redes sociais, códigos QR em embalagens, páginas de suporte, blocos de assinatura, etc. Esta página cobre como construí-los, onde colocá-los e como atribuir as conversas que eles geram.

Se quiser gerar conversas WhatsApp a partir de anúncios **pagos** do Facebook ou do Instagram, consulte [Anúncios CTWA](/pt/campaigns/click-to-whatsapp-ads). O clique para conversar é o equivalente orgânico e não pago.

## O formato da ligação wa.me

O link básico é:

```text theme={null}
https://wa.me/<full international phone number, digits only>
```

Para um número do Reino Unido `+44 20 7946 0000`, a ligação é `https://wa.me/442079460000`. Notas:

* **Não `+`, sem espaços, sem traços.** Apenas dígitos.
* Incluir sempre o indicativo do país. Um número local simples não funciona.
* Utilize o número registado no WhatsApp Business Platform\*\*, não uma linha de serviço ao cliente diferente.

Tocar na ligação no telemóvel abre diretamente o WhatsApp. No computador, abre \[web.whatsapp.com] ([https://web.whatsapp.com](https://web.whatsapp.com)) para os utilizadores que tenham iniciado sessão nesse site ou mostra uma página de recurso que lhes pede para instalar ou ler um código QR.

## Preenchimento prévio da primeira mensagem

O parâmetro de consulta `text` preenche previamente o corpo da mensagem que o cliente vê. Se for bem utilizado, isto dá-lhe:

* **Menor fricção.** O cliente não tem de pensar no que escrever primeiro.
* Sinais de encaminhamento: o texto pré-preenchido pode codificar a página ou a campanha que os enviou, para que a sua equipa ou o seu fluxo de trabalho saibam o contexto.
* Atribuição fiável: o Flowella pode analisar a mensagem pré-preenchida e escrever o resultado de volta no HubSpot. Ver [UTM tracking](/pt/hubspot/utm-tracking).

O texto deve ser codificado por URL:

```text theme={null}
https://wa.me/442079460000?text=Hi%2C%20I%27d%20like%20to%20know%20more%20about%20%5BSPRING_LAUNCH%5D
```

Que aparece em WhatsApp como:

> Olá, gostaria de saber mais sobre \[SPRING\_LAUNCH]

<Tip>
  Utilize um **código entre parêntesis** como `[SPRING_LAUNCH]` ou `[NEWSLETTER_JUL]` que é improvável que o utilizador escreva por acidente. Isto torna a análise fiável mesmo que o utilizador edite o texto circundante. Mantenha o código curto e legível para que o pré-preenchimento continue a parecer natural.
</Tip>

## Onde utilizar o click-to-chat

### CTAs de sites

O posicionamento mais comum: um botão "Chat no WhatsApp" em algum lugar proeminente do seu site. Padrões que funcionam:

* **Botão de ação flutuante (FAB)** em todas as páginas, no canto inferior direito. Bom para sites orientados para o suporte.
* CTA em linha\*\* nas páginas de destino, juntamente ou em vez de um formulário "Contacte-nos". Útil quando o WhatsApp é o seu método de contacto preferido para uma campanha específica.
* **Páginas de confirmação pós-compra**, oferecendo o envio de actualizações de envio através do WhatsApp.

Atribua a cada colocação o seu próprio código pré-preenchido para que possa fazer um relatório sobre quais as superfícies que geram mais conversas.

### E-mail

Adicione um CTA de clique para conversar a:

* **Confirmações de pedidos ou reservas**, com um código como `[ORDER_SUPPORT_{{order_id}}]` para que os representantes vejam o contexto imediatamente.
* **Papéis de rodapé de newsletters**, com um código genérico `[NEWSLETTER]`.
* **Assinaturas de representantes de vendas**, com o nome do representante incorporado: `[REP_ADAM]`.

Funciona como um link normal `mailto:` ou `tel:` - o cliente de e-mail móvel do utilizador abrirá o WhatsApp quando tocar.

### Bios de redes sociais

O Instagram, o Facebook, o TikTok, o LinkedIn e o X permitem-lhe colocar um link na sua biografia. Uma hiperligação `wa.me` é um forte mecanismo de captura orgânica para empresas com audiências mobile-first.

Considere usar um encurtador de links (bit.ly, Linktree, etc.) para que o URL pareça arrumado e você possa rastrear o clique separadamente de seus outros CTAs sociais.

### Códigos QR

Os códigos QR que resolvem uma ligação `wa.me` estão agora em todo o lado: mesas de restaurantes, inserções de embalagens, expositores de pontos de venda, cartazes em eventos, cartões de visita. As principais vantagens:

* O utilizador não tem de escrever o seu número de telefone.
* Aterra no WhatsApp com uma mensagem pré-preenchida que lhe dá contexto.
* O QR pode codificar um código específico do evento (por exemplo, `[CONFERENCE_DEMO_BOOTH]`).

Gere o código QR a partir do URL completo do `wa.me` e não apenas a partir de um número de telefone. A maioria dos geradores de QR trata disso nativamente.

### Fluxos de trabalho de representantes de vendas

Os representantes podem colar uma ligação `wa.me` personalizada em e-mails de saída ou mensagens do LinkedIn, codificando o seu próprio nome e a fonte do potencial cliente. A experiência do cliente é um toque para iniciar uma conversa WhatsApp; a experiência do representante é a atribuição total de volta no HubSpot.

## Melhores práticas

<AccordionGroup>
  <Accordion title="Definir expectativas no texto circundante">
    Diga ao cliente o que ele vai receber no WhatsApp. "Obtenha uma demonstração pessoal - converse connosco no WhatsApp" é mais claro do que apenas "WhatsApp". Os clientes que sabem o que estão a pedir bloqueiam menos vezes.
  </Accordion>

  <Accordion title="Tornar o fallback do ambiente de trabalho gracioso">
    Muitos utilizadores tocam na ligação no ambiente de trabalho. O WhatsApp Web só funciona para os utilizadores que já tenham iniciado sessão no site; todos os outros vão parar à página de recurso do Meta. Se uma parte significativa do seu público tiver o desktop como prioridade, ofereça também um formulário ou widget de chat como opção secundária, e não apenas o link wa.me.
  </Accordion>

  <Accordion title="Utilize códigos diferentes por colocação, não por visitante">
    O código pré-preenchido identifica a **fonte**, não o utilizador. Não tente incluir um identificador pessoal no código - o utilizador pode vê-lo e editá-lo, e personalizá-lo aumenta o risco de privacidade. Utilize as propriedades por contacto do HubSpot ou o `ctwa_clid` para atribuição personalizada.
  </Accordion>

  <Accordion title="Configurar respostas automáticas para cada caminho de entrada">
    Um cliente que chega através do `[SPRING_LAUNCH](/pt/hubspot/workflow-actions)` espera uma primeira resposta diferente da que chega através do `[ORDER_SUPPORT]`. Utilize os fluxos de trabalho acionados por palavras-chave do Flowella ou o encaminhamento de agentes de IA para entregar a primeira mensagem correta com base no código analisado. Ver \[Acções de Fluxo de Trabalho].
  </Accordion>

  <Accordion title="Testar a ligação a partir de um telefone que não está guardado como contacto">
    Depois de a sua equipa ter conversado consigo, o seu número é guardado como um contacto nos seus telemóveis, o que altera o comportamento da ligação. Teste sempre a partir de um telemóvel novo ou de um colega que nunca tenha interagido com a empresa.
  </Accordion>
</AccordionGroup>

## Quando utilizar um botão em vez de uma hiperligação

Para sítios Web, um botão com estilo é normalmente melhor do que um link em bruto:

* **CTAs padrão.** Combine o aspeto dos seus outros botões, utilize as cores da sua marca.
* Se pretender o aspeto icónico do botão verde, a Meta fornece \[activos oficiais] ([https://developers.facebook.com/docs/whatsapp/business-management-api/branding-guidelines/](https://developers.facebook.com/docs/whatsapp/business-management-api/branding-guidelines/)). Respeita as diretrizes deles para não receberes um aviso de remoção.
* Muitas plataformas SaaS (Crisp, Tidio, etc.) fornecem widgets WhatsApp FAB prontos a usar.

Se for você a criar o botão, aponte-o para a ligação `wa.me` com o pré-preenchimento `text` adequado.

## Anúncios Click-to-chat vs CTWA

Estas ferramentas resolvem problemas diferentes e complementam-se mutuamente:

| Funcionalidade          | Click-to-chat (esta página)         | [CTWA Ads](/pt/campaigns/click-to-whatsapp-ads)        |
| ----------------------- | ----------------------------------- | ------------------------------------------------------ |
| Custo                   | Gratuito                            | Pago (gastos com anúncios no Facebook/Instagram)       |
| Superfícies             | Qualquer lugar onde colocar um link | Posicionamentos de anúncios do Facebook e do Instagram |
| Atribuição              | Código de texto pré-preenchido      | `ctwa_clid` de Meta                                    |
| Alcance                 | Seu público existente               | Públicos-alvo de anúncios segmentados                  |
| Esforço de configuração | Minutos                             | Horas (conta de anúncio, criativo, segmentação)        |

A maioria das empresas executa ambos: click-to-chat em superfícies próprias, CTWA para aquisição paga.

## Guias relacionados

* [Anúncios CTWA](/pt/campaigns/click-to-whatsapp-ads) - a contrapartida paga
* [UTM tracking](/pt/hubspot/utm-tracking) - atribuir conversas à campanha que as iniciou
* [Visão geral das campanhas](/pt/campaigns/overview) - onde o click-to-chat se situa no seu alcance geral
