Como Adicionar um Botão "Fazer Pedido pelo WhatsApp" no WooCommerce (2026)

Muitas lojas WooCommerce perdem a venda na última etapa porque o comprador tem uma pergunta sem resposta: será enviado para o meu código PIN, o COD está disponível, posso obter uma taxa em massa? Um botão “Encomendar no WhatsApp” move essa pergunta para um bate-papo onde você pode responder em segundos e, em 2026, são necessárias cerca de vinte linhas de PHP em um tema filho – ou um pequeno plug-in de botão, se você preferir clicar em vez de codificar. The Tech Pad continua onde um botão para: confirmações automáticas de pedidos, atualizações de remessa, verificações de COD e recuperação de carrinho enviadas do mesmo número na API oficial do Meta WhatsApp Cloud. Seu primeiro mês é grátis quando você começa, e se você começar, seu primeiro mês é grátis quando você começa, e cada empresa que você indicar que se inscrever e conectar um número do WhatsApp lhe dará um mês grátis – até mais 5 meses grátis.

Quando um botão “Pedir no WhatsApp” faz sentido

Um caminho de bate-papo em primeiro lugar não é uma atualização universal. Vence quando a compra precisa de uma sentença humana antes que o dinheiro se mova:

• Itens caros – móveis, máquinas, joias, qualquer coisa onde o comprador queira garantias antes de pagar ₹ 40.000.
• Trabalho sob encomenda e personalizado – a especificação é uma conversa, não um menu suspenso de variação.
• Atacado e B2B — preços baseados em quantidade que você não deseja publicar.
• Frete pouco claro — mercadorias pesadas, códigos PIN remotos, cadeia de frio, transfronteiriça.
• Lojas novas ou de baixa confiança - um ser humano acessível é o sinal de confiança mais barato que você tem.
• Índia COD – compradores que não pagarão antecipadamente, mas terão prazer em confirmar no WhatsApp.

Funciona contra você quando:

• Você tem um grande catálogo e milhares de pedidos por mês, então a entrada manual de pedidos se torna o gargalo.
• O cumprimento é automatizado e extrai objetos de pedido do WooCommerce que um bate-papo nunca cria.
• Você precisa de limpeza registros de impostos, GST e faturas em cada venda.
• Você direciona o tráfego pago para um funil de checkout ajustado e o botão tira os compradores dele.

Regra prática: mantenha o checkout normal como padrão e use o botão apenas quando uma pergunta estiver realmente bloqueando o pedido.

Onde colocar o botão e o que a mensagem deve dizer

O posicionamento decide se o botão ajuda ou canibaliza a finalização da compra.

Widgets flutuantes são domínio de ferramentas como Joinchat, Click to Chat e Chaty. Eles fazem esse trabalho bem e são gratuitos ou baratos. O que nenhum deles faz é enviar uma mensagem sozinho – eles apenas abrem um chat que o cliente precisa iniciar. Essa distinção é importante mais adiante neste post.

O código: dois trechos para o tema filho

As edições de snippet pertencem a um tema infantil functions.php ou um plugin de trechos de código. Nunca edite um tema pai; a próxima atualização apaga seu trabalho. Faça um backup e teste primeiro o teste.

1. Obtenha seu número no formato correto. Formato internacional, apenas dígitos, não +, sem espaços, sem travessões. Um número indiano torna-se 919876543210. Substitua o espaço reservado em ambos os trechos.
2. Adicione o botão da página do produto. Isso prende woocommerce_after_add_to_cart_button e constrói um wa.me link do título do produto, preço de exibição e link permanente:

add_action( 'woocommerce_after_add_to_cart_button', 'ttp_wa_order_button', 20 );

function ttp_wa_order_button() {
	global $product;

	if ( ! $product instanceof WC_Product ) {
		return;
	}

	$number = '919876543210'; // Digits only, no + and no spaces.
	$price  = html_entity_decode( wp_strip_all_tags( wc_price( wc_get_price_to_display( $product ) ) ) );

	$message  = "Hi, I'd like to order this item:\n";
	$message .= $product->get_name() . "\n";
	$message .= 'Price: ' . $price . "\n";
	$message .= 'Link: ' . get_permalink( $product->get_id() );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( $message );

	printf(
		'<a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a>',
		esc_url( $url ),
		esc_html__( 'Order on WhatsApp', 'ttp' )
	);
}

1. Adicione o botão da página do carrinho. Este faz um loop WC()->cart->get_cart() então o cliente entra no chat com a cesta inteira já digitada:

add_action( 'woocommerce_after_cart_totals', 'ttp_wa_cart_button', 20 );

function ttp_wa_cart_button() {
	if ( ! function_exists( 'WC' ) || ! WC()->cart || WC()->cart->is_empty() ) {
		return;
	}

	$number = '919876543210';
	$lines  = array( "Hi, I'd like to order this cart:" );

	foreach ( WC()->cart->get_cart() as $cart_item ) {
		$product = isset( $cart_item['data'] ) ? $cart_item['data'] : null;

		if ( ! $product instanceof WC_Product ) {
			continue;
		}

		$lines[] = sprintf( '- %s x %d', $product->get_name(), (int) $cart_item['quantity'] );
	}

	$lines[] = 'Total: ' . html_entity_decode( wp_strip_all_tags( WC()->cart->get_total() ) );

	$url = 'https://wa.me/' . $number . '?text=' . rawurlencode( implode( "\n", $lines ) );

	printf(
		'<p><a class="button ttp-wa-order" href="%s" target="_blank" rel="noopener nofollow">%s</a></p>',
		esc_url( $url ),
		esc_html__( 'Order this cart on WhatsApp', 'ttp' )
	);
}

1. Mantenha a mensagem curta. rawurlencode() lida corretamente com quebras de linha e símbolos, mas textos pré-preenchidos muito longos ficam truncados em alguns dispositivos. Nomes, quantidades e um total são suficientes.
2. Fuja de tudo que você imprime. esc_url() no href, esc_html__() no rótulo.
3. Teste em um telefone real. Área de trabalho wa.me links abrem o WhatsApp Web e se comportam de maneira diferente. Verifique Android e iOS.
4. Estilize-o como a ação secundária. Se o botão do WhatsApp superar Adicionar ao carrinho, os pedidos pré-pagos cairão.

Transformando esses bate-papos em pedidos gravados

Um chat não é um objeto de pedido, então decida antecipadamente como o registro e o dinheiro serão criados:

• Criação manual de pedidos — WooCommerce → Pedidos → Adicionar pedido, adicione os itens de linha e envie um link de pagamento. Lento, mas exato e correto para GST e faturamento.
• Link de pagamento de volta à finalização da compra – responda com um carrinho ou URL de checkout pré-construído. O cliente paga através do seu gateway habitual e o WooCommerce registra tudo.
• Mantenha o checkout como padrão - responda à pergunta de bloqueio no chat e, em seguida, direcione o comprador de volta à página do produto. Nada em seus relatórios muda.
• Confirmação de COD — retire o pedido no site e confirme no WhatsApp antes do envio. Detalhe em [confirmação de COD no WhatsApp](/blog/cod-confirmation-whatsapp-cut-rto-fake-orders/).

O que o botão não pode fazer

O botão é iniciado pelo cliente, unidirecional e sem estado. Não pode:

• envie um confirmação do pedido quando um pagamento for bem-sucedido;
• empurrar processamento, enviado e entregue atualizações com um link de rastreamento;
• perseguir um carrinho abandonado uma hora depois;
• pedir Confirmação de COD em 300 pedidos por dia;
• solicite um revisão após o parto.

Todas essas são mensagens iniciadas por empresas, o que significa a API oficial do WhatsApp Cloud e os modelos meta-aprovados. Isso é exatamente o que o conector WooCommerce gratuito do The Tech Pad trata: notificações confirmadas, processadas, enviadas e entregues, além de recuperação de carrinho, enviadas do mesmo número para o qual seu botão aponta, com uma caixa de entrada de equipe compartilhada em [/features/inbox/](/features/inbox/) para as respostas. Não há taxa mensal de SaaS para o conectors - você paga as taxas de conversação por mensagem do Meta (utilidade de aproximadamente $$ 0,10–0,30 na Índia, marketing de cerca de 2–3× utilidade; verifique a tabela de preços atual do Meta). Consulte [/woocommerce/](/woocommerce/), a [biblioteca de plug-ins](/plugins/), [/industries/woocommerce/](/industries/woocommerce/) e [notificações de status de pedidos](/blog/woocommerce-order-status-notifications-whatsapp/).

Modelos de mensagens para emparelhar com o botão

Qualquer mensagem iniciada por negócios fora da janela de atendimento ao cliente de 24 horas precisa de um modelo aprovado, e a categoria é importante: atualizações de pedidos são úteis, promoções são marketing.

"Olá {{1}}, seu pedido {{2}} foi confirmado. Total {{3}}, forma de pagamento {{4}}. Enviaremos uma mensagem para você aqui assim que for enviado. Responda a este chat se o endereço precisar de alteração."

"Olá {{1}}, uma confirmação rápida antes de enviarmos o pedido {{2}} (pagamento na entrega, {{3}}). Responda SIM para confirmar ou NÃO para cancelar — os pedidos confirmados são enviados no mesmo dia."

A cópia de recuperação de carrinho está em [modelos de recuperação de carrinho abandonado](/blog/whatsapp-abandoned-cart-recovery-templates/). O WhatsApp obtém uma taxa de abertura de aproximadamente 98% contra cerca de 20% para e-mail, e a média de respostas chega a menos de 90 segundos – mantenha os modelos respondidos em uma palavra.

FAQ

Posso adicionar um botão Pedido no WhatsApp sem plugin?

Sim. Um pequeno trecho conectado aos modelos de produto ou carrinho do WooCommerce pode criar um link wa.me contendo o nome do produto, quantidade e preço. Um plugin só vale a pena se você quiser controles de posicionamento, regras por produto e análises sem editar o código.

Os pedidos do WhatsApp ainda serão registrados no WooCommerce?

Não por si só — um chat não é um objeto de pedido. Crie o pedido manualmente a partir da conversa ou use o botão para consultas e itens caros, enquanto o checkout normal permanece o caminho padrão para pedidos registrados.

Posso pré-preencher o carrinho do cliente na mensagem?

Sim. Percorra os itens do carrinho no carrinho ou na página de checkout e crie o texto da mensagem com nomes, quantidades e o total e, em seguida, codifique-o em URL no link wa.me. Seja breve: textos pré-preenchidos muito longos ficam truncados em alguns dispositivos.

Isso é útil para pedidos com pagamento na entrega na Índia?

Muito. Uma etapa de confirmação do WhatsApp antes do envio é uma das maneiras mais baratas de eliminar pedidos COD falsos e remessas de devolução à origem. Envie um modelo de utilitário aprovado solicitando a confirmação do cliente e só envie quando ele responder.

Adicione o botão e automatize o acompanhamento

O botão abre a porta; a API mantém a conversa sem ninguém digitar. Conecte sua loja à API oficial da nuvem por meio do The Tech Pad e confirmações de pedidos, verificações de COD, atualizações de remessa, recuperação de carrinho e solicitações de revisão, tudo executado a partir do número que seus clientes já enviaram. Seu primeiro mês é grátis quando você começa em [/wa/](/wa/) — seu primeiro mês é grátis quando você começa, e cada empresa que você indicar que se inscrever e conectar um número do WhatsApp lhe dará um mês grátis — até mais 5 meses grátis. Os planos estão listados em [/pricing](/pricing), e o passo a passo completo do conector está em [/blog/whatsapp-woocommerce-integration-setup-templates/](/blog/whatsapp-woocommerce-integration-setup-templates/).