Botões, Listas e Carrossel no WhatsApp Sem Template da Meta
Links importantes
Disparador Gratuito de Botões, Listas e Carrosséis no WhatsApp (com Baileys)
Bora pra ação! Hoje vou te mostrar como consumir todos os componentes premium do WhatsApp — botões de resposta rápida, botões de Call to Action (URL, ligação, copiar), listas, enquetes e até os cobiçados carrosséis — tudo de forma gratuita, direto do seu PC e sem precisar de templates aprovados na Meta!
Vamos usar uma interface incrível construída sobre a biblioteca Baileys, com melhorias desenvolvidas pelo nosso parceiro Renato Alcará, a quem agradecemos imensamente por compartilhar essa solução com a comunidade.
Material de Apoio
Todo o material de apoio, incluindo o link do repositório e os comandos, está disponível logo acima nesta página.
O Que a Ferramenta Permite Enviar?
Com esta aplicação, você terá uma interface visual para conectar seus números de WhatsApp e disparar os seguintes componentes:
- Botões de Resposta Rápida (Quick Reply): Até 3 botões de texto para respostas simples (Sim, Não, Talvez).
- Botões de Ação (Call to Action): Botões que abrem um link (URL), iniciam uma ligação ou copiam um texto (ótimo para chaves PIX).
- Listas (Dropdown): Um menu com seções e itens, perfeito para cardápios, catálogos de produtos ou FAQs.
- Enquetes (Polls): Crie votações interativas diretamente no chat.
- Carrosséis (Carousels): Envie múltiplos cards com imagem, título e botões, que o usuário pode navegar lateralmente.
Passo a Passo da Instalação
1. Pré-requisitos
Antes de começar, você precisa ter duas ferramentas gratuitas instaladas no seu computador:
- Git: Para baixar (clonar) o projeto. Faça o download aqui.
- Node.js: Para executar a aplicação. Faça o download aqui.
Para verificar se a instalação foi bem-sucedida, abra o terminal e digite git --version e depois node -v. Ambos devem retornar as versões instaladas.
2. Instalando a Aplicação
Com o ambiente pronto, abra o terminal (no Windows, pode ser o PowerShell) na sua Área de Trabalho e siga os comandos:
- Clone o repositório do projeto:
git clone https://github.com/pedroherpeto/baileys_interactive - Navegue para a pasta do projeto:
cd baileys-interactive
Atenção: Configure o Arquivo .env (Passo Essencial)
Antes de instalar as dependências, precisamos configurar um pequeno detalhe. Na pasta do projeto que você baixou, você encontrará um arquivo chamado .env.example.
- Renomeie este arquivo para apenas
.env(remova o ".example"). - Este arquivo permite configurar a porta da aplicação e outras variáveis, mas por enquanto, apenas renomeá-lo é suficiente para prosseguir.
- Instale as dependências:
npm install - Inicie a aplicação:
npm run dev
Pronto! A aplicação será iniciada e estará acessível no seu navegador em http://localhost:3000.
Como Usar o Disparador Interativo
A interface é super intuitiva:
- Conecte um Número: Na tela principal, crie uma nova conexão, dê um nome a ela e aguarde o QR Code ser gerado. Escaneie-o com seu WhatsApp para conectar. Você pode adicionar e gerenciar várias conexões.
- Acesse a Tela de Disparo: No menu, vá para "Disparar".
- Configure sua Campanha:
- Selecione a instância (o número conectado) que fará o envio.
- Insira a lista de números de destino.
- Defina um intervalo de envio em segundos.
- Escolha o tipo de componente que deseja enviar (Botão, Lista, Carrossel, etc.).
- Preencha os campos com os textos, links e IDs necessários para cada componente.
- Clique em "Enviar" e acompanhe o disparo!
Este projeto de código aberto é uma ferramenta incrível para testes, desenvolvimento e campanhas criativas. Sinta-se à vontade para explorar o código, customizar e adaptar às suas necessidades.
E fiquem ligados, pois já estamos testando a integração desses componentes premium diretamente no Z-PRO para nossos usuários e revendedores!
Qualquer dúvida, é só chamar. Tamo junto!