🏷️ Código HTML - [Configurações] Régua de envio de Pix

Introdução

Este artigo apresenta o código HTML utilizado na régua de envio de Pix, um modelo de comunicação automática para notificar doadores sobre a disponibilidade de seus pagamentos via Pix. A régua personaliza a mensagem e exibe um QR Code para facilitar o pagamento.

Estrutura do Código HTML

<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="max-width:660px" width="100%">
    <tbody>
        <tr>
            <td class="mceSection" style="background-position:center;background-repeat:no-repeat;background-size:cover" valign="top">
                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
                    <tbody>
                        <tr>
                            <td align="center">
                                <img src="https://guaracrm.s3.amazonaws.com/guaracrm/public/ckeditor_assets/pictures/6758/content_pix_2.jpg" alt="Pix Disponível" style="width: 100%; max-width: 660px;"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 20px; text-align: center; font-size: 18px; color: #6d6d6d;">
                                Olá, <strong>#P_Nome#!</strong> <br>
                                Seu Pix está disponível! 💸
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 20px; text-align: center; font-size: 16px; color: #6d6d6d;">
                                Abaixo, está a informação do seu Pix:
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <img src="#PIX_QRCODE#" alt="QR Code Pix" width="200" height="200"/>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px; text-align: center; font-size: 16px; color: #6d6d6d;">
                                🔗 **Pix Copia e Cola:** <br>
                                <strong>#PIX_DIGITAVEL#</strong>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px; text-align: center; font-size: 14px; color: #6d6d6d;">
                                Caso já tenha realizado o pagamento, desconsidere este e-mail. 💙
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

Como Utilizar

1. Acesse a configuração da régua de envio no sistema.

2. Adicione o código HTML fornecido abaixo.
3. Personalize as variáveis conforme necessário (como nome do doador, valor da doação, QR Code e chave Pix).
4. Teste a exibição antes de ativar o envio automático.

Siga a Trackmob nas Redes Sociais