Como Adicionar um Botão do WhatsApp no Squarespace (Grátis — Sem Necessidade de Extensão)
Você projetou seu site no Squarespace para parecer ótimo e converter — um modelo limpo, texto afiado, um caminho claro para contato. A única coisa que falta é o canal que seus clientes realmente usam. Formulários são bons para decisões lentas; para decisões rápidas ("Você tem isso em estoque?", "Pode fazer 20 unidades até sexta-feira?") a maioria das pessoas recorre ao WhatsApp.
Um botão flutuante do WhatsApp transforma esse reflexo em um clique no seu site. Ele abre um chat com o seu próprio número, para que você responda pelo aplicativo do WhatsApp que você já usa — sem caixa de entrada extra, sem assinatura. Aqui está como adicionar um a qualquer site Squarespace em cerca de dois minutos.
O jeito rápido: abra nosso gerador gratuito de Gerador de botão do WhatsApp para Squarespace, insira seu número, escolha um estilo, copie o código e cole-o em Injeção de Código → Rodapé. Essa é toda a configuração.
Por que colocar um botão do WhatsApp no seu site Squarespace
- Seus visitantes já vivem no WhatsApp. É o aplicativo de mensagens padrão para bilhões de pessoas — e para consultas a partir de um site, o chat vence o e-mail em todas as ocasiões.
- As consultas acontecem antes dos formulários. Um visitante hesitante clica no botão e pergunta enquanto o interesse está em alta. A alternativa é um formulário que ele pode nunca terminar.
- As respostas chegam no seu telefone. O botão abre um chat do WhatsApp com o seu número e uma mensagem pré-preenchida opcional — responda em segundos de qualquer lugar.
- Ele funciona junto com sua configuração. As conversas chegam a você pessoalmente primeiro; quando estiver pronto, conecte o mesmo número ao The Tech Pad para respostas de IA e uma caixa de entrada compartilhada da equipe.
O que você obtém com o gerador gratuito
O Gerador de botão do WhatsApp para Squarespace te dá um botão flutuante real:
- 8 estilos apenas para WhatsApp — o logotipo oficial do WhatsApp e os balões de mensagem nas cores da marca (verde, verde escuro, branco, azul-petróleo). Nenhum ícone de conversa genérico.
- Seu número + mensagem pré-preenchida — defina a primeira mensagem que os visitantes veem
- Forma, tamanho e posição — redondo ou quadrado, esquerda ou direita, qualquer tamanho
- Pré-visualização ao vivo — veja o botão exato antes de copiar qualquer coisa
- Sem conta, sem chave de API, sem custo — gratuito para sempre
| Capacidade | Botão gratuito | O upgrade do The Tech Pad |
|---|---|---|
| Os visitantes iniciam um chat do WhatsApp com seu número | ✅ | ✅ |
| Estilos apenas para WhatsApp + pré-visualização ao vivo | ✅ | ✅ |
| IA responde 24/7 na língua do cliente | — | ✅ |
| Uma caixa de entrada de equipe para WhatsApp + chat do site | — | ✅ |
| API oficial do WhatsApp Business (Meta) | — | ✅ |
| Preço | Gratuito para sempre | Gratuito para começar |
Adicione o botão ao Squarespace em 3 etapas
- Gere seu código. Abra o gerador gratuito, insira seu número do WhatsApp com o código do país (apenas números, por exemplo,
919876543210), escolha um estilo e clique Copiar código. - Injeção de Código Aberto. No Squarespace, vá para Configurações → Ferramentas de Desenvolvedor → Injeção de Código (em versões mais antigas: Configurações → Avançado).
- Cole na caixa do RODAPÉ e salve. Cole o código em RODAPÉ área de texto e clique Salvar — o botão aparece em todo o site, sem necessidade de extensão ou bloco separado.
O código é uma pequena tag de script que carrega de forma assíncrona, portanto não irá deixar seu site mais lento:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Em um plano Pessoal? A Injeção de Código requer um plano Business ou Commerce. Se você não estiver pronto para fazer o upgrade, a alternativa prática é um elemento de botão na página que linka diretamente para wa.me/<your-number> — os visitantes ainda acessam o WhatsApp com um toque, sem o balão flutuante.
Por que código em vez de uma extensão do Squarespace?
As extensões do Squarespace podem fazer muito, mas para um único botão flutuante do WhatsApp elas são exageradas: passos de instalação, permissões e frequentemente uma taxa mensal para o que é apenas uma tag de script. O caminho do código mantém as coisas simples:
- Nada para instalar ou aprovar — sem marketplace de extensões, permissões ou solicitação de assinatura
- Seu número, suas regras — as conversas vão para o número de WhatsApp que você escolher, não para uma caixa de entrada de terceiros
- O mesmo código funciona em outros lugares — também administra um Shopify, Webflow, Blogger, HubSpot ou Wix site? Cada um tem sua própria página geradora com passos de colagem.
Quer que o botão responda por você?
Um botão é o primeiro passo — o próximo é responder instantaneamente, mesmo quando você estiver offline ou sua equipe estiver ocupada. The Tech Pad transforma esse mesmo número de WhatsApp em um assistente de IA 24/7:
- IA responde instantaneamente do seu site e das páginas de produto — no idioma do seu cliente
- Uma caixa de entrada compartilhada da equipe para chats do WhatsApp, chat do site e notificações
- A API oficial do WhatsApp Business no seu próprio número verificado pelo Meta
- Grátis para começar, sem cartão de crédito — conecte-se em thetechpad.com
Dois minutos hoje te dão um botão de WhatsApp ativo no Squarespace. Adicionar o The Tech Pad depois faz ele responder por você.