📧 Megalink Antes Vencimento
Visualizador interativo de template de email
Controles do Preview
Cobrança
Ativo
megalink antes vencimento
46
Enviados
95,7%
Sucesso
Preview do Email
Carregando...
De: Sistema de Campanhas <noreply@sistema.com>
Para: cliente@exemplo.com
⚠️ Sua fatura Megalink vence em breve - João Silva
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Aviso de Vencimento</title>
</head>
<body style="margin: 0; padding: 0; background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f4f4f4;">
<tr>
<td align="center" valign="top" style="padding: 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" width="600" style="background-color: #ffffff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<!-- Cabeçalho com gradiente azul -->
<tr>
<td align="center" style="background: linear-gradient(135deg, #00009b 0%, #0000ff 100%); padding: 40px 20px 30px 20px; border-radius: 8px 8px 0 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center" style="padding-bottom: 25px;">
<div style="background-color: rgba(255,255,255,0.15); padding: 15px; border-radius: 12px; display: inline-block; backdrop-filter: blur(10px);">
<img src="https://email-track.megalinkpiaui.com.br/image/img1.png?id_fatura=FAT-2024-001"
alt="Megalink"
width="140"
height="auto"
style="display: block; max-width: 140px; height: auto; filter: brightness(1.1);" />
</div>
</td>
</tr>
<tr>
<td align="center">
<h1 style="color: #ffffff; font-size: 28px; font-weight: bold; margin: 0; text-align: center; text-shadow: 0 2px 4px rgba(0,0,0,0.3);">
⚠️ Lembrete de Vencimento
</h1>
<p style="color: #e8f4fd; font-size: 16px; margin: 10px 0 0 0; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
Sua fatura vence em breve
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Saudação -->
<tr>
<td style="padding: 30px 30px 20px 30px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Olá <strong style="color: #00009b;">João Silva</strong>,
</p>
<p style="color: #666666; font-size: 14px; line-height: 1.6; margin: 15px 0 0 0;">
Esperamos que você esteja bem! Este é um lembrete amigável sobre sua fatura que está próxima do vencimento.
</p>
</td>
</tr>
<!-- Detalhes da Fatura -->
<tr>
<td style="padding: 0 30px 20px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f8f9fa; border: 2px solid #00009b; border-radius: 8px;">
<tr>
<td style="padding: 20px;">
<h2 style="color: #00009b; font-size: 18px; font-weight: bold; margin: 0 0 15px 0;">
📋 Detalhes da Sua Fatura
</h2>
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td style="color: #666666; font-size: 14px; font-weight: bold; width: 40%;">
Cliente:
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold;">
12345
</td>
</tr>
<tr>
<td style="color: #666666; font-size: 14px; font-weight: bold;">
Fatura:
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold;">
#FAT-2024-001
</td>
</tr>
<tr>
<td style="color: #666666; font-size: 14px; font-weight: bold;">
Vencimento:
</td>
<td style="color: #ff5e00; font-size: 16px; font-weight: bold;">
15/01/2024
</td>
</tr>
<tr>
<td style="color: #666666; font-size: 14px; font-weight: bold;">
Valor:
</td>
<td style="color: #ed8904; font-size: 20px; font-weight: bold;">
R$ 150,00
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Formas de Pagamento -->
<tr>
<td style="padding: 0 30px 20px 30px;">
<h2 style="color: #00009b; font-size: 18px; font-weight: bold; margin: 0 0 20px 0;">
💳 Formas de Pagamento
</h2>
<!-- PIX -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%); border: 2px solid #ed8904; border-radius: 6px; margin-bottom: 15px;">
<tr>
<td style="padding: 20px;">
<h3 style="color: #ed8904; font-size: 16px; font-weight: bold; margin: 0 0 10px 0;">
🚀 PIX (Instantâneo - Recomendado)
</h3>
<p style="color: #bf6f02; font-size: 14px; margin: 0 0 10px 0; font-weight: 600;">
⚡ Pagamento aprovado na hora!
</p>
<div style="background-color: #ffffff; padding: 12px; border-radius: 4px; border: 1px solid #ed8904;">
<p style="color: #333333; font-size: 12px; margin: 0; word-break: break-all; font-family: 'Courier New', monospace; font-weight: 600;">
12345678901
</p>
</div>
<div style="margin-top: 10px; text-align: center;">
<span style="background: linear-gradient(135deg, #ed8904 0%, #ff5e00 100%); color: #ffffff; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 12px;">
✨ PAGAMENTO INSTANTÂNEO
</span>
</div>
</td>
</tr>
</table>
<!-- Boleto -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #e3f2fd; border: 2px solid #0000ff; border-radius: 6px; margin-bottom: 15px;">
<tr>
<td style="padding: 20px;">
<h3 style="color: #0000ff; font-size: 16px; font-weight: bold; margin: 0 0 10px 0;">
🏦 Boleto Bancário
</h3>
<p style="color: #1976d2; font-size: 14px; margin: 0 0 10px 0; font-weight: 600;">
Pague em qualquer banco, lotérica ou app
</p>
<div style="background-color: #ffffff; padding: 12px; border-radius: 4px; border: 1px solid #0000ff;">
<p style="color: #333333; font-size: 11px; margin: 0; word-break: break-all; font-family: 'Courier New', monospace; font-weight: 600;">
12345.67890 12345.678901 12345.678901 1 23456789012345
</p>
</div>
<div style="margin-top: 15px; text-align: center;">
<a href="https://email-track.megalinkpiaui.com.br/boleto?link=https://exemplo.com/boleto/123&id_fatura=FAT-2024-001"
style="background: linear-gradient(135deg, #0000ff 0%, #00009b 100%); color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 25px; font-weight: bold; display: inline-block; transition: all 0.3s ease;">
📄 Baixar Boleto PDF
</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Seção de Ajuda -->
<tr>
<td style="padding: 0 30px 20px 30px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background: linear-gradient(135deg, #f1f3f4 0%, #e8eaf6 100%); border: 2px solid #00009b; border-radius: 8px;">
<tr>
<td style="padding: 20px;">
<h3 style="color: #00009b; font-size: 16px; font-weight: bold; margin: 0 0 15px 0;">
📞 Precisa de Ajuda?
</h3>
<p style="color: #333333; font-size: 14px; line-height: 1.6; margin: 0 0 15px 0;">
Nossa equipe está pronta para ajudar você:
</p>
<!-- Contatos com ícones -->
<table border="0" cellpadding="8" cellspacing="0" width="100%">
<tr>
<td style="padding: 5px 0; vertical-align: middle;">
<table border="0" cellpadding="0" cellspacing="0" style="display: inline-table;">
<tr>
<td style="padding-right: 10px; vertical-align: middle;">
<img src="https://logospng.org/download/whatsapp/logo-whatsapp-verde-icone-ios-android-512.png"
alt="WhatsApp"
width="20"
height="20"
style="display: block;" />
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold; vertical-align: middle;">
WhatsApp:
</td>
<td style="color: #0000ff; font-size: 14px; font-weight: bold; padding-left: 10px; vertical-align: middle;">
<a href="https://wa.me/558922210068" target="_blank" style="color: #0000ff; text-decoration: none;">
(89) 2221-0068
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 5px 0; vertical-align: middle;">
<table border="0" cellpadding="0" cellspacing="0" style="display: inline-table;">
<tr>
<td style="padding-right: 10px; vertical-align: middle;">
<img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-forwardtofriend-48.png"
alt="Email"
width="20"
height="20"
style="display: block;" />
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold; vertical-align: middle;">
Email:
</td>
<td style="color: #0000ff; font-size: 14px; font-weight: bold; padding-left: 10px; vertical-align: middle;">
<a href="mailto:atendimento@megalinkinternet.com.br" target="_blank" style="color: #0000ff; text-decoration: none;">
atendimento@megalinkinternet.com.br
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 5px 0; vertical-align: middle;">
<table border="0" cellpadding="0" cellspacing="0" style="display: inline-table;">
<tr>
<td style="padding-right: 10px; vertical-align: middle;">
<img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-link-48.png"
alt="Website"
width="20"
height="20"
style="display: block;" />
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold; vertical-align: middle;">
Website:
</td>
<td style="color: #0000ff; font-size: 14px; font-weight: bold; padding-left: 10px; vertical-align: middle;">
<a href="https://megalinkpiaui.com.br/" target="_blank" style="color: #0000ff; text-decoration: none;">
megalinkpiaui.com.br
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 5px 0; vertical-align: middle;">
<table border="0" cellpadding="0" cellspacing="0" style="display: inline-table;">
<tr>
<td style="padding-right: 10px; vertical-align: middle;">
<span style="font-size: 16px;">🕐</span>
</td>
<td style="color: #00009b; font-size: 14px; font-weight: bold; vertical-align: middle;">
Atendimento:
</td>
<td style="color: #666666; font-size: 14px; font-weight: bold; padding-left: 10px; vertical-align: middle;">
24 Horas
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Redes Sociais -->
<div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">
<p style="color: #00009b; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; text-align: center;">
Siga-nos nas redes sociais:
</p>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td align="center">
<a href="https://www.facebook.com/megalinkpiaui" target="_blank" style="margin: 0 5px;">
<img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-facebook-48.png"
alt="Facebook"
width="28"
height="28"
style="display: inline-block;" />
</a>
<a href="https://www.instagram.com/soumegamais/" target="_blank" style="margin: 0 5px;">
<img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-instagram-48.png"
alt="Instagram"
width="28"
height="28"
style="display: inline-block;" />
</a>
<a href="https://wa.me/558922210068" target="_blank" style="margin: 0 5px;">
<img src="https://logospng.org/download/whatsapp/logo-whatsapp-verde-icone-ios-android-512.png"
alt="WhatsApp"
width="28"
height="28"
style="display: inline-block;" />
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- Rodapé -->
<tr>
<td style="padding: 20px 30px 30px 30px; text-align: center; border-top: 2px solid #00009b;">
<p style="color: #666666; font-size: 12px; line-height: 1.4; margin: 0 0 10px 0;">
Este email foi enviado automaticamente em <strong style="color: #00009b;">10/12/2025 01:09</strong>
</p>
<p style="color: #999999; font-size: 11px; line-height: 1.4; margin: 0;">
Se você já realizou o pagamento, pode desconsiderar este lembrete.<br>
<strong style="color: #00009b;">Megalink Telecom</strong> - <span style="color: #ed8904; font-weight: bold;">Conectando você ao que importa</span>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Nenhum conteúdo em texto puro definido
Guia de Variáveis
Como usar variáveis:
Olá {{ nome_cliente }}, sua fatura de R$ {{ valor_fatura }} vence em {{ vencimento_fatura }}.
{{ codigo_barras }}
Variável personalizada
{{ codigo_cliente }}
Código único do cliente
{{ data_hora_atual }}
Variável personalizada
{{ id_fatura }}
Variável personalizada
{{ link_boleto }}
Variável personalizada
{{ nome_razaosocial }}
Variável personalizada
{{ pix }}
Variável personalizada
{{ valor_fatura }}
Valor da fatura
{{ vencimento_fatura }}
Data de vencimento