Checkout button in marketing emails

Many clients ignore modern CSS; use tables and inline styles for reliable layout.

Paste the snippets into your ESP’s HTML editor or template. The link target is the same https://pay.zenofy.io/p/YOUR_PRODUCT_ID URL as on the web.

Always use full https URLs and test in a real inbox (Gmail, Outlook, mobile).

Sample: centered CTA block

Replace the image domain, product id, and copy to match your campaign.

<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;">
        Your order is one click away
      </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;">
        Buy now
      </a>
    </td>
  </tr>
</table>

Sample: inline text link

<p style="font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;color:#374151;">
  Prefer a simple link? Go to checkout here:
  <a href="https://pay.zenofy.io/p/507f1f77bcf86cd799439011" style="color:#0ea2f7;font-weight:600;">
    complete your purchase
  </a>.
</p>

Avoid JavaScript in email HTML — most clients strip it. Stick to links, tables, and inline styles.

All tutorials