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
- Substitua
SEU_TOKEN_AQUI
pelo token obtido no site Connect Zap. - Abra o arquivo em um navegador e insira o número do remetente a mensagem desejada.
- Clique no botão para enviar a mensagem automática via 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.
30 dias para avaliar gratuitamente
Experimente nossa plataforma gratuitamente por 30 dias e revolucione a forma de se comunicar com seus clientes e colaboradores.