Gerador de Link WhatsApp :root { –whatsapp-green: #25D366; –whatsapp-dark-green: #128C7E; –whatsapp-darker-green: #075E54; –navy-blue: #000080; –light-gray: #f5f5f5; –medium-gray: #e0e0e0; –dark-gray: #333; –white: #ffffff; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background-color: var(–light-gray); color: var(–dark-gray); line-height: 1.6; overflow-x: hidden; } .top-section { background: linear-gradient(135deg, #000080 0%, #1a2980 100%); padding: 20px 0; margin-bottom: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); text-align: center; width: 100%; } .logo-container { margin-bottom: 10px; } .logo-container a { display: inline-block; transition: transform 0.3s ease; } .logo-container a:hover { transform: scale(1.03); } .logo-container img { max-width: 280px; height: auto; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); } .header { text-align: center; width: 100%; } .header h1 { color: white; font-size: 2rem; margin: 10px 0 5px; } .header p { color: #f0f0f0; font-size: 1rem; margin: 5px 0 0; } .main-content { width: 100%; padding: 0 5px; } .input-section { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; } .input-column, .description-column, .result-column { flex: 1; min-width: 300px; } .field-box { border: 2px solid var(–medium-gray); border-radius: 10px; padding: 15px; margin-bottom: 15px; background-color: var(–white); display: flex; align-items: center; gap: 12px; transition: all 0.3s ease; } .field-box:hover { border-color: var(–whatsapp-green); } .description-box { border: 2px solid var(–medium-gray); border-radius: 10px; padding: 15px; background-color: var(–white); height: 100%; display: flex; align-items: flex-start; gap: 12px; } .field-icon, .description-icon, .info-icon { color: var(–whatsapp-green); font-size: 24px; min-width: 28px; display: flex; justify-content: center; } .field-content, .description-content, .info-content { flex: 1; } .input-label { display: block; color: var(–whatsapp-darker-green); font-weight: 600; font-size: 14px; margin-bottom: 8px; } .input-field { width: 100%; padding: 12px; border: 2px solid var(–medium-gray); border-radius: 6px; font-size: 15px; background-color: var(–white); height: 45px; font-family: inherit; transition: all 0.3s ease; } .input-field:focus { outline: none; border-color: var(–whatsapp-green); } #phone { letter-spacing: 1px; } #message { resize: none; height: 45px; min-height: 45px; } .generate-btn-container { background: linear-gradient(to bottom, #0f3460, #1a1a2e); padding: 8px 10px; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; width: 100%; margin-top: 8px; } .generate-btn-container:hover { transform: translateY(-2px); } .generate-btn-icon { font-size: 24px; color: #4ecca3; margin-right: 8px; } .generate-btn { padding: 10px 15px; background: linear-gradient(to bottom, #4ecca3, #2c9678); color: white; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 13px; border-radius: 5px; border: none; cursor: pointer; width: 100%; text-align: center; transition: all 0.3s ease; } .generate-btn:hover { background: linear-gradient(to bottom, #5de0b6, #37b894); } .result-section { display: none; border: 2px solid var(–medium-gray); border-radius: 10px; padding: 20px; background-color: #f0f8f1; margin-bottom: 15px; } .success-message { color: var(–whatsapp-green); font-weight: 600; margin-bottom: 15px; font-size: 16px; display: flex; align-items: center; gap: 10px; } .link-container { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; } .result-icon { color: var(–whatsapp-green); font-size: 20px; min-width: 24px; } .result-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 12px; background-color: var(–white); border: 2px solid var(–medium-gray); border-radius: 6px; flex-grow: 1; font-size: 14px; font-family: monospace; } .instruction-text { color: var(–whatsapp-dark-green); font-size: 14px; margin: 15px 0 10px 0; } .action-buttons { display: none; gap: 12px; margin-top: 12px; flex-wrap: wrap; } .action-btn-container { background: linear-gradient(to bottom, #0f3460, #1a1a2e); padding: 8px 10px; border-radius: 6px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; flex: 1; min-width: 120px; } .action-btn-container:hover { transform: translateY(-2px); } .action-btn-icon { font-size: 18px; color: #4ecca3; margin-right: 8px; } .action-btn { padding: 10px 15px; background: linear-gradient(to bottom, #4ecca3, #2c9678); color: white; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 13px; border-radius: 5px; border: none; cursor: pointer; width: 100%; text-align: center; transition: all 0.3s ease; } .action-btn:hover { background: linear-gradient(to bottom, #5de0b6, #37b894); } .new-link-btn { background: linear-gradient(to bottom, #0f3460, #1a1a2e); } .description-title, .info-title { display: block; color: var(–whatsapp-darker-green); font-weight: 600; font-size: 14px; margin-bottom: 8px; } .description-text, .info-text { color: #555; font-size: 14px; line-height: 1.5; } .generation-date { color: #666; font-size: 13px; text-align: right; margin-top: 12px; } .result-container { display: none; width: 100%; margin-bottom: 30px; max-width: 1200px; margin-left: auto; margin-right: auto; } .result-content { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; } .info-section { width: 100%; margin-top: 30px; max-width: 1200px; margin-left: auto; margin-right: auto; } .info-box { border: 2px solid var(–medium-gray); border-radius: 10px; padding: 15px; background-color: var(–white); margin-bottom: 20px; display: flex; gap: 12px; } .info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; } .benefits { margin-top: 30px; } .benefits-title { color: var(–whatsapp-darker-green); font-size: 18px; font-weight: 600; margin-bottom: 20px; text-align: center; position: relative; padding-bottom: 8px; } .benefits-title:after { content: ”; display: block; width: 60px; height: 2px; background: var(–whatsapp-green); margin: 8px auto 0; border-radius: 2px; } .benefits-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; } .benefit-item { background-color: var(–white); border-radius: 10px; padding: 20px 15px; text-align: center; transition: all 0.3s ease; border: 1px solid rgba(37, 211, 102, 0.1); } .benefit-item:hover { transform: translateY(-3px); border-color: rgba(37, 211, 102, 0.3); } .benefit-icon { color: var(–whatsapp-green); font-size: 28px; margin-bottom: 12px; } .benefit-title { color: var(–whatsapp-dark-green); font-weight: 600; margin-bottom: 8px; font-size: 16px; } .info-text ul { margin-top: 8px; padding-left: 18px; } .info-text li { margin-bottom: 8px; position: relative; padding-left: 20px; } .info-text li:before { content: ‘•’; color: var(–whatsapp-green); font-size: 18px; position: absolute; left: 0; top: -1px; } /* Texto com gradiente */ .text-gradient { font-size: 60px; font-weight: bold; background: linear-gradient(135deg, #5A0EB2 0%, #7C1FD4 30%, #A64DFF 60%, #E5C6FF 85%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; margin: 15px 0; width: 100%; } /* MOBILE */ @media (max-width: 768px) { .top-section { padding: 15px 0; } .logo-container img { max-width: 220px; } .header h1 { font-size: 1.6rem; } .header p { font-size: 0.9rem; } .input-section { gap: 15px; padding: 0 5px; } .action-buttons { flex-direction: column; } .action-btn-container { min-width: 100%; } .text-gradient { font-size: 40px; } .generate-btn-container, .action-btn-container { padding: 6px 8px; } .generate-btn, .action-btn { padding: 8px 12px; font-size: 12px; } .generate-btn-icon { font-size: 20px; margin-right: 6px; } .action-btn-icon { font-size: 16px; margin-right: 6px; } .input-column, .description-column, .result-column { min-width: 100%; } } /* Selos de Segurança */ .responsive-badges { width: 100%; max-width: 1200px; margin: 30px auto 0; padding: 15px 5px; } .badges-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; } .responsive-badge { display: flex; align-items: center; padding: 10px; border-radius: 5px; background: linear-gradient(135deg, #1a2980, #26d0ce); color: white; min-height: 50px; } .responsive-icon { font-size: 18px; margin-right: 8px; } .responsive-text { display: flex; flex-direction: column; } .responsive-title { font-size: 12px; font-weight: bold; line-height: 1.2; } .responsive-desc { font-size: 10px; opacity: 0.9; line-height: 1.2; margin-top: 2px; } @media (min-width: 600px) { .badges-grid { grid-template-columns: repeat(3, minmax(140px, 1fr)); } } @media (min-width: 900px) { .badges-grid { grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: 12px; } } .full-width-banner { width: 100%; background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%); padding: 30px 0; text-align: center; margin: 40px 0; color: white; } .footer { width: 100%; background: #1a1a2e; color: white; text-align: center; padding: 20px 0; margin-top: 40px; } 📱 Gerador de Link WhatsApp Crie links personalizados para conversas no WhatsApp com um clique WHATSAPP BUSINESS � � Informe o número do celular � � Insira a sua mensagem 📲 Gerar link para whatsapp ℹ Como usar Digite o número com DDD no formato (XX) 0 XXXX-XXXX e a mensagem que deseja enviar. O sistema irá gerar um link do WhatsApp que você pode copiar e compartilhar. Se não preencher a mensagem, será gerado um link para iniciar uma conversa sem mensagem pré-definida. ✅ Link gerado com sucesso! � � Pronto! Clique em copiar link e compartilhe. 📋 Copiar Link 🔄 Gerar Novo Link ℹ Como usar Digite o número com DDD no formato (XX) 0 XXXX-XXXX e a mensagem que deseja enviar. O sistema irá gerar um link do WhatsApp que você pode copiar e compartilhar. Se não preencher a mensagem, será gerado um link para iniciar uma conversa sem mensagem pré-definida. Gerador de Links WhatsApp Business Ferramenta profissional para impulsionar seus negócios Tudo sobre links do WhatsApp ❓ O que é um link do WhatsApp? Um link do WhatsApp é uma URL especial que permite iniciar uma conversa diretamente no aplicativo WhatsApp. Você pode criar links que abrem uma conversa com um número específico, opcionalmente com uma mensagem pré-definida. Isso é útil para sites, e-mails, cartões de visita ou qualquer lugar onde você queira facilitar o contato via WhatsApp. ⚙ Como funciona? Quando alguém clica no link gerado, o WhatsApp é aberto (se instalado no dispositivo) com o número já preenchido e a mensagem pronta para enviar. Se o WhatsApp não estiver instalado, o usuário será direcionado para a página de download do aplicativo. � � É seguro? Sim, os links do WhatsApp são totalmente seguros. Eles usam o protocolo oficial da WhatsApp Inc. e não armazenamos nenhum dado inserido em nosso gerador. Todo o processamento é feito localmente no seu navegador. Vantagens de usar links do WhatsApp ⚡ Contato Rápido Reduza as barreiras para seus clientes entrarem em contato com você com apenas um clique. � � Aumente Conversões Links diretos podem aumentar significativamente as taxas de resposta e conversão. � � Multiplataforma Funciona em smartphones (Android e iOS) e até mesmo na versão web do WhatsApp. � � Dicas para usar seu link do WhatsApp Adicione o link ao seu site no botão “Fale Conosco” Inclua no seu e-mail de assinatura Use em anúncios online para facilitar o contato Compartilhe em redes sociais como forma de contato direto Imprima em cartões de visita com um QR code que direcione para o link 🔐 Dados Criptografados 🛡 Proteção Anti-fraude 📜 Certificado SSL 256-bit 💳 Pagamento Seguro 👮 Privacidade LGPD 🏛 Sistema Auditado © 2023 Gerador de Link WhatsApp. Todos os direitos reservados. // Máscara para telefone (DDD) 0 0000-0000 document.getElementById(‘phone’).addEventListener(‘input’, function(e) { let value = e.target.value.replace(/\D/g, ”); let formatted = ”; if (value.length > 0) { formatted = ‘(‘ + value.substring(0, 2); } if (value.length > 2) { formatted += ‘) ‘ + value.substring(2, 3); } if (value.length > 3) { formatted += ‘ ‘ + value.substring(3, 7); } if (value.length > 7) { formatted += ‘-‘ + value.substring(7, 11); } e.target.value = formatted; }); // Função para formatar a data function formatDate(date) { const day = date.getDate().toString().padStart(2, ‘0’); const month = (date.getMonth() + 1).toString().padStart(2, ‘0’); const year = date.getFullYear(); const hours = date.getHours().toString().padStart(2, ‘0’); const minutes = date.getMinutes().toString().padStart(2, ‘0’); return `Gerado em ${day}/${month}/${year} às ${hours}:${minutes}`; } // Variável para armazenar o link gerado let whatsappLink = ”; // Função para gerar o link function generateWhatsAppLink() { const phone = document.getElementById(‘phone’).value.replace(/\D/g, ”); const message = document.getElementById(‘message’).value; if(phone.length < 11) { alert('Por favor, informe um número válido com DDD'); return false; } // Adiciona o código do Brasil (+55) e remove o 0 inicial se existir const fullNumber = '55' + phone.replace(/^0/, ''); whatsappLink = `https://wa.me/${fullNumber}`; if(message) { whatsappLink += `?text=${encodeURIComponent(message)}`; } document.getElementById('generatedLink').textContent = whatsappLink; // Adiciona a data de geração const now = new Date(); document.getElementById('generationDate').textContent = formatDate(now); document.getElementById('inputSection').style.display = 'none'; document.getElementById('resultContainer').style.display = 'block'; document.getElementById('resultSection').style.display = 'block'; document.getElementById('actionButtons').style.display = 'flex'; // Rola a página para o resultado document.getElementById('resultContainer').scrollIntoView({ behavior: 'smooth' }); return true; } // Botão Gerar Link document.getElementById('generateBtn').addEventListener('click', generateWhatsAppLink); // Função para copiar o link com feedback no botão function copyToClipboard() { // Cria um elemento textarea temporário const textarea = document.createElement('textarea'); textarea.value = whatsappLink; textarea.style.position = 'fixed'; document.body.appendChild(textarea); textarea.select(); try { const successful = document.execCommand('copy'); const copyBtn = document.getElementById('copyBtn'); if(successful) { // Altera o texto temporariamente copyBtn.textContent = 'Link copiado!'; copyBtn.style.background = 'linear-gradient(to bottom, #2c9678, #1e7059)'; // Volta ao texto original após 2 segundos setTimeout(() => { copyBtn.textContent = ‘Copiar Link’; copyBtn.style.background = ‘linear-gradient(to bottom, #4ecca3, #2c9678)’; }, 2000); } } catch (err) { console.error(‘Erro ao copiar: ‘, err); alert(‘Não foi possível copiar o link’); } document.body.removeChild(textarea); } // Botão Copiar Link document.getElementById(‘copyBtn’).addEventListener(‘click’, copyToClipboard); // Botão Gerar Novo Link document.getElementById(‘newLinkBtn’).addEventListener(‘click’, function() { document.getElementById(‘inputSection’).style.display = ‘flex’; document.getElementById(‘resultContainer’).style.display = ‘none’; document.getElementById(‘phone’).value = ”; document.getElementById(‘message’).value = ”; document.getElementById(‘phone’).focus(); // Rola a página para o topo window.scrollTo({ top: 0, behavior: ‘smooth’ }); });

Gerador de Link WhatsApp

WHATSAPP BUSINESS

� �

Informe o número do celular

� �

Insira a sua mensagem

📲

ℹ

Como usar

Digite o número com DDD no formato (XX) 0 XXXX-XXXX e a mensagem que deseja enviar.

O sistema irá gerar um link do WhatsApp que você pode copiar e compartilhar.

Se não preencher a mensagem, será gerado um link para iniciar uma conversa sem mensagem pré-definida.

✅ Link gerado com sucesso!

� �

Pronto! Clique em copiar link e compartilhe.

📋

🔄

ℹ

Como usar

Tudo sobre links do WhatsApp

❓

O que é um link do WhatsApp?

Um link do WhatsApp é uma URL especial que permite iniciar uma conversa diretamente no aplicativo WhatsApp. Você pode criar links que abrem uma conversa com um número específico, opcionalmente com uma mensagem pré-definida. Isso é útil para sites, e-mails, cartões de visita ou qualquer lugar onde você queira facilitar o contato via WhatsApp.

⚙

Como funciona?

Quando alguém clica no link gerado, o WhatsApp é aberto (se instalado no dispositivo) com o número já preenchido e a mensagem pronta para enviar. Se o WhatsApp não estiver instalado, o usuário será direcionado para a página de download do aplicativo.

� �

É seguro?

Sim, os links do WhatsApp são totalmente seguros. Eles usam o protocolo oficial da WhatsApp Inc. e não armazenamos nenhum dado inserido em nosso gerador. Todo o processamento é feito localmente no seu navegador.

Vantagens de usar links do WhatsApp

⚡

Contato Rápido

Reduza as barreiras para seus clientes entrarem em contato com você com apenas um clique.

� �

Aumente Conversões

Links diretos podem aumentar significativamente as taxas de resposta e conversão.

� �

Multiplataforma

Funciona em smartphones (Android e iOS) e até mesmo na versão web do WhatsApp.

� �

Dicas para usar seu link do WhatsApp

Adicione o link ao seu site no botão “Fale Conosco”
Inclua no seu e-mail de assinatura
Use em anúncios online para facilitar o contato
Compartilhe em redes sociais como forma de contato direto
Imprima em cartões de visita com um QR code que direcione para o link

🔐

Dados

Criptografados

🛡

Proteção

Anti-fraude

📜

Certificado

SSL 256-bit

💳

Pagamento

Seguro

👮

Privacidade

LGPD

🏛

Sistema

Auditado