Facilite o contato.
A persistent button is available without sending visitors through the navigation or footer.
Gerador de botão de chat do WhatsApp
Gerador gratuito de botão de chat do WhatsApp
Crie um botão flutuante do WhatsApp para que visitantes iniciem uma conversa com um clique. Adicione seu número e uma mensagem opcional, visualize o resultado e copie o HTML pronto.
Um ponto de entrada visível no site
O que é um botão de chat do WhatsApp?
Um botão de chat do WhatsApp é um link visível no site, geralmente fixado em um canto inferior, que abre uma conversa com sua empresa. O visitante não precisa copiar seu número, salvar o contato ou procurar a página de contato.
O destino normalmente é uma URL de conversa do WhatsApp:
<a href="https://wa.me/15551234567?text=Hi%2C%20I%20have%20a%20question">
Chat on WhatsApp
</a>
orientação oficial do WhatsApp sobre iniciar conversas confirms that a visitor can begin a chat without saving the number first and provides an official button example.
A WhatsApp button is not the same as live chat embedded inside a webpage. The website provides the entry point; the conversation continues in WhatsApp after the click.
Reduza o atrito no contato
Por que adicionar um botão do WhatsApp ao seu site?
Mantenha a intenção de compra ativa.
Someone can ask about price, stock, delivery, or booking while looking at the relevant page.
Use um canal familiar.
Mobile visitors can move from the website into the WhatsApp app they already use.
Dê contexto à consulta.
A useful prefilled message can identify the product, service, or campaign that prompted the click.
The button does not guarantee a reply or a sale. Its job is to reduce friction between interest on the website and the start of a conversation.
Como funciona
Como adicionar um botão do WhatsApp ao seu site
Digite seu número do WhatsApp.
Use o número internacional completo conectado ao WhatsApp.
Adicione uma mensagem predefinida.
Dê ao visitante um bom ponto de partida, como “Olá, estou visitando seu site e gostaria de saber mais sobre seus serviços.”
Visualize o botão.
Veja como o botão flutuante ficará junto ao conteúdo do site.
Copie o HTML.
Gere e copie o código em vez de escrever o link e a marcação manualmente.
Cole e teste.
Adicione o trecho a uma área do site que aceite HTML, salve e teste no computador e no celular.
Se você não gerencia o site, envie o código gerado à pessoa responsável pelo tema ou modelo.
Mensagens prontas
Copie estes exemplos de mensagens predefinidas
Escreva do ponto de vista do visitante e mantenha a primeira mensagem fácil de enviar.
Olá, estou vendo [nome do produto] no seu site. Está disponível?
Olá, tenho interesse em [serviço]. Você pode explicar como funciona?
Olá, gostaria de solicitar um orçamento para [serviço].
Olá, gostaria de agendar um horário. Quais opções estão disponíveis?
Olá, preciso de ajuda com um pedido que fiz no seu site.
Avoid putting passwords, card details, health information, or other sensitive data into a prefilled message. The text becomes part of a shareable URL inside the button code.
Instalação
How to Install the Button on Popular Website Platforms
Plain HTML
Paste the generated snippet into the shared page template, commonly near the closing </body> tag. Save the file, load the page, and test before applying the change across the whole site.
WordPress
Use an area that executes supported custom HTML, such as a suitable template or Custom HTML block. Available tags and site-wide code options can depend on the plan and hosting setup.
Shopify
Duplicate or back up the theme first. Add the snippet to the appropriate theme layout, preview the storefront, and confirm that it does not interfere with cart or checkout elements.
Wix, Squarespace, Webflow, and Framer
Use the platform's current custom-code or HTML-embed feature. Some builders restrict custom code by plan or placement.
WordPress Custom HTML instructions · Shopify theme-code precautions
Posicionamento
Where Should You Put the WhatsApp Button?
The bottom-right corner is familiar for messaging controls. Bottom-left may work better when the right side already contains a cart, accessibility control, cookie-settings button, or another chat tool. Keep the placement consistent and check these high-intent pages:
Product pages
Help shoppers ask about availability, fit, delivery, or product differences.
Service pages
Let prospects explain their needs before requesting a quote.
Pricing pages
Answer the final question stopping someone from choosing a plan or package.
Booking pages
Help visitors clarify timing, location, or requirements.
Support pages
Offer WhatsApp alongside email and phone when appropriate.
Do not let the button cover checkout controls, navigation, form fields, mobile sticky bars, or privacy notices.
Solução de problemas
Por que meu botão do WhatsApp não funciona?
| Problema | Causa provável | What to check |
|---|---|---|
| The code appears as text | It was pasted into a text or code-display block | Use an area that executes permitted HTML |
| The button does not appear | The platform stripped the code or the snippet is in the wrong template | Check platform restrictions and placement |
| The wrong conversation opens | The phone number or country code is incorrect | Correct the number and regenerate the button |
| Part of the message is missing | The encoded link was edited manually | Generate a new snippet instead of changing the URL |
| The button covers another element | Multiple controls occupy the same corner | Change the placement or surrounding layout |
| It works on desktop but not mobile | Responsive styles hide it or another element overlaps it | Inspect mobile visibility and positioning |
| WhatsApp opens but sends nothing | Prefilled messages require visitor confirmation | Ask the visitor to press Send |
Clear website caches after changing the code, then test again in a private browser window if an old version still appears.
Antes de publicar
Teste o botão antes de publicar
Test the published installation on mobile and desktop. Confirm that:
✓The correct WhatsApp account opens.
✓The complete prefilled message appears.
✓The visitor still controls whether the message is sent.
✓It does not cover forms, product options, checkout controls, or consent notices.
✓WhatsApp Web or the expected desktop experience opens correctly.
✓The page remains usable at common mobile screen sizes.
Checklist de design
Checklist de design do botão do WhatsApp
✓Use recognizable WhatsApp styling that still fits the website.
✓Maintain strong contrast between the icon, button, and page background.
✓Leave space between the button and the screen edge.
✓Give an icon-only button an accessible name such as “Chat on WhatsApp.”
✓Make the touch target easy to press on a phone.
✓Check whether cookie banners or other floating tools overlap it.
✓Avoid aggressive animation that distracts visitors from the page.
The button should be easy to notice without becoming the most disruptive element on the website.
Escolha o formato certo
Botão do WhatsApp vs. link vs. QR code
| Formato | Melhor uso | What the visitor does |
|---|---|---|
| Botão de chat do WhatsApp | Sites e landing pages | Clica em um botão permanente |
| Link do WhatsApp | Bios, e-mails, anúncios e mensagens digitais | Toca em um link |
| QR code do WhatsApp | Cardápios, embalagens, cartazes e telas | Escaneia com o celular |
All three can lead to the same phone number and message. Use the WhatsApp Link Generator for a shareable URL and the WhatsApp QR Code Generator for a code customers can scan.
Do clique à conversa
A Button Creates the Handoff, Not the Conversation
A website button can move an interested visitor into WhatsApp at exactly the right moment. What happens next determines whether that click becomes a useful enquiry—or another unanswered chat.
Dealism combines focused automation with an AI Customer Agent. Automation can handle consistent starting actions. The AI agent continues the actual conversation, answers questions using business information, understands intent, and guides the customer toward a suitable next step. A person can stay in control when judgment or personal attention is needed.
Explore Dealism for WhatsApp, read the practical guide to WhatsApp automation, or compare more WhatsApp marketing tools for small businesses.
Add the button for free. Connect WhatsApp to Dealism when you need help continuing every conversation.
Perguntas frequentes
Perguntas frequentes
Is the WhatsApp chat button generator free?+
Yes. Generate the button and copy its HTML without signing up.
Do I need WhatsApp Business?+
No. The button can link to a valid number registered on WhatsApp. It does not configure a WhatsApp Business account or API connection.
Will the button slow down my website?+
Any added code should be tested on the published page. The effect depends on the final snippet and the website, so this generator does not promise zero performance impact.
Can the button track clicks?+
The generated button should not be treated as a complete analytics product. If you need measurement, configure click tracking through your existing, consent-aware website analytics setup.
Can Dealism reply after someone clicks?+
The button only creates the entry point. After connecting a supported WhatsApp channel to Dealism, its automation and AI Customer Agent can help manage the conversation that follows.
A Dealism responde assim que o cliente envia uma mensagem, conversa de forma natural e ajuda a fechar vendas nos bastidores.
Comece Agora
Cada resposta pode se transformar em uma venda.
Cada resposta pode se transformar em uma venda.
Cada resposta pode se transformar em uma venda.
