Botão de checkout em emails de marketing

Muitos clientes ignoram CSS moderno; use tabelas e estilos inline para um layout fiável.

Cole os excertos no editor HTML do seu ESP ou modelo. O destino é o mesmo URL https://pay.zenofy.io/p/SEU_ID_DO_PRODUTO que na web.

Use sempre URLs https completas e teste numa caixa real (Gmail, Outlook, telemóvel).

Exemplo: bloco CTA centrado

Substitua o domínio da imagem, o id do produto e o texto conforme a campanha.

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:560px;font-family:Arial,Helvetica,sans-serif;">
  <tr>
    <td style="padding:24px 16px;text-align:center;background:#f8fafc;border-radius:12px;">
      <p style="margin:0 0 16px;font-size:16px;color:#0f2755;">
        A sua encomenda está a um clique
      </p>
      <a href="https://pay.zenofy.io/p/507f1f77bcf86cd799439011"
         style="display:inline-block;padding:14px 28px;background:#0ea2f7;color:#ffffff;
                text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;">
        Comprar agora
      </a>
    </td>
  </tr>
</table>

Exemplo: link de texto simples

<p style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color:#374151;">
  Prefere um link simples? Vá ao checkout aqui:
  <a href="https://pay.zenofy.io/p/507f1f77bcf86cd799439011" style="color:#0ea2f7;font-weight:600;">
    conclua a sua compra
  </a>.
</p>

Evite JavaScript em HTML de email — a maioria dos clientes remove-o. Use links, tabelas e estilos inline.

Todos os tutoriais