gerador de link

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

📲

ℹ

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
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 { 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’ }); });

Categoria: Blog

Your blog category

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

novembro 3, 2025

gerador de link

Blog
Sobre
Perguntas frequentes
Autores

Eventos
Loja
Padrões
Temas

Twenty Twenty-Five

Criado com WordPress