WAButton

Incorporação universal em 1 linha

Botão do WhatsApp para HTML & Custom Websites

Adicione um widget de chat do WhatsApp ao HTML & Custom Websites em minutos. Qualifique visitantes, encaminhe conversas e mantenha o tema rápido.

Monte meu botão grátis

Configuração em 1 min Destino: index.html (before </body>) or root layout component

Instalação passo a passo para HTML & Custom Websites

Siga estes passos para incorporar o WAButton no seu site HTML & Custom Websites. Sem desenvolvimento complexo nem taxas de app.

  1. 1

    Copie o seu snippet de incorporação

    Copie o seu snippet de script exclusivo do painel do widget do WAButton ou da tela de onboarding.

    Dica: Confirme que o atributo async continua ativado para que o navegador carregue o script de forma assíncrona e sem bloqueio.

  2. 2

    Cole antes da tag </body> de fechamento

    Cole o código no arquivo HTML raiz (por exemplo, index.html) ou no componente de layout raiz (por exemplo, layout.tsx, App.vue, base.blade.php). O código deve ficar logo antes de </body>.

    Dica: Colocar o script logo antes de </body> faz o conteúdo da sua página carregar primeiro. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    Abra no navegador

    Salve o arquivo e atualize o navegador. O seu botão flutuante do WhatsApp vai aparecer imediatamente no canto inferior.

Por que lojistas e agências escolhem o WAButton para HTML & Custom Websites

Uma única tag de script universal

Um único script de carregamento assíncrono, minúsculo, que funciona de forma idêntica em HTML estático, SSR e frameworks de SPA.

Estilos com escopo limitado

Cada estilo fica limitado a nomes de classe com o prefixo wabutton-, então não altera as suas classes de Tailwind, Bootstrap ou CSS personalizado.

Script autossuficiente

Feito com Preact e entregue dentro do próprio script, então a sua página não precisa de jQuery, de React nem de fontes de ícones.

Compatível com navegação em SPAs

Mantém automaticamente o estado do widget nas transições de rota do lado do cliente (React Router, Next.js, Vue Router).

Perguntas frequentes

O WAButton funciona com aplicativos de página única (SPAs) como React, Next.js ou Vue?

Sim! O WAButton é inicializado no objeto window e persiste durante a navegação do roteador no lado do cliente, sem precisar ser executado de novo a cada mudança de rota.

O WAButton vai prejudicar a minha nota no Google Lighthouse ou no PageSpeed Insights?

O WAButton é um script assíncrono de menos de 40KB (com gzip), servido na borda da Cloudflare, então não bloqueia o primeiro paint. O painel do chat só é carregado quando um visitante o abre. O efeito na sua própria nota depende do seu site, então rode o PageSpeed Insights antes e depois de adicionar.

Ferramentas gratuitas relacionadas

Utilitários gratuitos de WhatsApp para aumentar a conversão da sua loja.

Mais guias de instalação

Você já tem os visitantes. Dê a eles .

Conseguir mais visitas custa tempo e dinheiro. Um botão de WhatsApp ajuda você a conquistar mais pessoas entre as que já visitam seu site, enquanto elas ainda estão interessadas.

Monte meu botão grátis Teste o criador ao vivo

Uma linha de código. Sem cartão de crédito. Sem espera.