🏷️ Código HTML - [Configurações] Boletos por E-mail (Pagamento Instantâneo)

🧾 Objetivo

• Confirmar o envio do boleto gerado via pagamento instantâneo

• Fornecer link e linha digitável para pagamento

• Reforçar a causa com tom positivo e agradecimento

🖥️ Código HTML completo

<table style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #444; width: 100%; max-width: 660px; margin: 0 auto;" cellpadding="0" cellspacing="0">
  <tr>
    <td style="padding: 24px; background-color: #f9f9f9;">
      <img src="https://dim.mcusercontent.com/cs/2e8352096f58a16ccb0cea0db/images/8dd674a2-2eb9-ead7-3405-55655e31e73b.jpg?w=1500&dpr=2" alt="Banner do e-mail" style="width: 100%; max-width: 100%; margin-bottom: 20px;">
      
      <h1 style="color: #6d6d6d;">Olá, #P_NOME#. Tudo certo?</h1>

      <p style="color: #6d6d6d;">Percebemos que você é uma pessoa de atitude e resolveu transformar o mundo, o que nos deixa imensamente gratos. Abaixo, está o link do boleto que você gerou:</p>

      <p style="color: #6d6d6d;">A sua contribuição é muito importante para toda a sociedade e a ação que você está tomando com certeza ajudará milhões de pessoas. Portanto, deixamos aqui nosso muito obrigado!</p>

      <hr style="margin: 24px 0; border: none; border-top: 1px solid #ddd;">

      <p style="font-size: 14px; color: #6d6d6d;">#NOME_ORGANIZACAO#</p>
      <p style="color: #6d6d6d;"><strong>Linha digitável:</strong><br>#LINHA_DIGITAVEL#</p>
      <p style="color: #6d6d6d;"><strong>Link do boleto:</strong><br><a href="#URL_BOLETO" style="color: #4a60a1;">#URL_BOLETO#</a></p>

      <p style="text-align: center; margin: 30px 0;">
        <a href="#URL_BOLETO" style="background-color: #4a60a1; color: #fff; padding: 14px 28px; text-decoration: none; border-radius: 6px; display: inline-block; font-weight: bold;">Visualizar boleto e imprimir</a>
      </p>

      <p style="font-style: italic; color: #6d6d6d;">Caso já tenha pago o boleto, desconsidere a mensagem acima.</p>

      <p style="color: #6d6d6d;">Com a sua contribuição, conseguimos impactar o mundo de forma positiva. Muito obrigado por colaborar com a nossa causa — você é muito importante para a nossa organização!</p>

      <p style="color: #6d6d6d;">Abraços,<br><strong>#NOME_ORGANIZACAO#</strong></p>
    </td>
  </tr>
</table>

🧩 Variáveis utilizadas

🔧 Como aplicar

1. Acesse Relacionamentos > Réguas.

2. Crie uma nova régua ou edite uma existente.

3. Crie uma nova mensagem de e-mail e cole o HTML acima no editor.

4. Clique em “Salvar” e faça um teste com a opção “Receber Preview”.

✅ Conclusão

Este modelo é ideal para:

• Melhorar a taxa de conversão de boletos gerados

• Reforçar a empatia da comunicação com o doador

• Padronizar o envio com identidade visual profissional

Siga a Trackmob nas Redes Sociais