BLOG

Mensagem WhatsApp com HTML e Javascript

Quinta-feira, 19 de Dezembro de 2024


Modelo básico de envio de Mensagens por WhatsApp

Integrado com a API da Connect Zap

Sobre o Programa

Com esse programa é possível enviar ensagens diretas no WhatsApp. Ele utiliza JavaScript e a API da Connect Zap para processar solicitações e fornecer envios rápidos.

 

Código do Programa

Copie o código abaixo e substitua SEU_TOKEN_AQUI pelo token da API Connect Zap. Crie uma página HTML simples para usar o código.


<html>
<head>
    <title>Chat Automático</title>
    <script>
        async function enviarMensagem(numero, mensagem) {
            const url = "https://api.connectzap.com.br/sistema/sendText";
            const token = "SEU_TOKEN_AQUI";

            const body = {
                SessionName: token,
                phonefull: numero,
                msg: mensagem,
            };

            try {
                const response = await fetch(url, {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    body: JSON.stringify(body),
                });

                if (response.ok) {
                    alert("Mensagem enviada com sucesso!");
                } else {
                    alert("Erro ao enviar mensagem. Verifique o token ou número.");
                }
            } catch (error) {
                console.error("Erro na solicitação:", error);
                alert("Erro ao processar a solicitação.");
            }
        }

        function handleChat() {
            const numero = document.getElementById("numero").value;
            const mensagem = document.getElementById("mensagem").value;

            if (numero && mensagem) {
                enviarMensagem(numero, mensagem);
            } else {
                alert("Preencha todos os campos!");
            }
        }
    </script>
</head>
<body>
    <h1>Chat Automático</h1>
    <label for="numero">Número (formato internacional):</label>
    <input type="text" id="numero" placeholder="+5521987654321" />
    <br /><br />
    <label for="mensagem">Mensagem:</label>
    <textarea id="mensagem" rows="4" placeholder="Digite sua mensagem..."></textarea>
    <br /><br />
    <button onclick="handleChat()">Enviar Mensagem</button>
</body>
</html>
    
    


    

 

Como Usar

  1. Substitua SEU_TOKEN_AQUI pelo token obtido no site Connect Zap.
  2. Abra o arquivo em um navegador e insira o número do remetente a mensagem desejada.
  3. Clique no botão para enviar a mensagem automática via WhatsApp.

Veja mais: #mensagem whatsapp com html e javascript ,#notificador automático de aniversários ,#como receber mensagens no whatsapp e processá-las ,#envio de mensagens por whatsapp através do python ,#desenvolvimento de aplicativos móveis ,#fluxo admissão de pessoal totvs fluig ,#protheus release 12.1.2410 - expedição em outubro - 2024 ,#integrando o zabbix com o whatsapp ,#como configurar o whatsapp no protheus ,#envie mensagens para otimizar a comunicação ,#chatbot controlado pelo protheus ,#otimize a comunicação com a api do whatsapp para enviar mensagens ,#whatsapp na luta contra o envio em massa ,#integrando sgp x whatsapp ,#integrando o ixc com o whatsapp ,#envio de mensagens: excel x whatsapp ,#integrando o glpi com o whatsapp ,#principais funcionalidades de uma api do whatsapp ,#potencialize seu negócio com consultoria especializada em sistemas protheus ,#central de atendimento whatsapp

Empresas que já contam com o nosso time de especialistas

Conheça alguns dos nossos clientes já satisfeitos com toda a transparência e eficiência do nosso trabalho.

TC Pneus
NPX Sistemas
Foco
EPlast
Innova Nordeste
Orla Rio
ASSA ABLOY
Bergamo
Bodytech
BRG
Coopa
Diginews
Ediouro
Grupo Doce Docê
Guanabara
Heli
IBP
Itamarati
Distribuidora Maluli
MGN
Neotech
Oxi Química
Polimassa
Qair
Repume
Teonet
Totalmix
Vasco
VRTI

30 dias para avaliar gratuitamente

Experimente nossa plataforma gratuitamente por 30 dias e revolucione a forma de se comunicar com seus clientes e colaboradores.

30 dias para avaliar gratuitamente a melhor API WhatsApp