Email Template Manager

View, customize, and version all UAM Resend email templates

Templates

Changes saved here are versioned locally. To deploy to production, update the send-email edge function with the exported JSON.

Welcome Email

Sent to new members upon successful registration · Last modified 2026-06-15

Email Subject Line

HTML Template Body

2352 chars

<div style="font-family: 'DM Sans', Arial, sans-serif; max-width: 600px; margin: 0 auto; background: #f8f9fa; padding: 0;">
  <div style="background: #1A3A7B; padding: 40px 32px; text-align: center;">
    <h1 style="color: #ffffff; font-size: 28px; font-weight: 900; letter-spacing: 2px; margin: 0;">UAM CONNECT</h1>
    <p style="color: rgba(255,255,255,0.75); font-size: 13px; margin: 8px 0 0;">United Africa Movement</p>
  </div>
  <div style="background: #ffffff; padding: 40px 32px;">
    <h2 style="color: #1A3A7B; font-size: 22px; font-weight: 800; margin: 0 0 16px;">Welcome, ${name}! 🌍</h2>
    <p style="color: #374151; font-size: 15px; line-height: 1.7; margin: 0 0 20px;">
      You have successfully joined the <strong>United Africa Movement</strong> — a continental movement dedicated to African unity, empowerment, and progress.
    </p>
    <div style="background: #f0f4ff; border-left: 4px solid #1A3A7B; border-radius: 8px; padding: 20px 24px; margin: 24px 0;">
      <p style="margin: 0 0 8px; font-size: 13px; color: #6B7280; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;">Your Membership Details</p>
      <p style="margin: 4px 0; font-size: 15px; color: #111827;"><strong>Member Number:</strong> ${memberNumber}</p>
      <p style="margin: 4px 0; font-size: 15px; color: #111827;"><strong>Country:</strong> ${country}</p>
      <p style="margin: 4px 0; font-size: 15px; color: #111827;"><strong>Region:</strong> ${region}</p>
    </div>
    <p style="color: #374151; font-size: 15px; line-height: 1.7; margin: 20px 0;">
      Together we stand for <em>One Nation, One Voice, One Currency, One Destiny, One Military, One President</em> — <strong>The Rise of the Fearless Generation.</strong>
    </p>
    <div style="text-align: center; margin: 32px 0;">
      <a href="https://uamconnect6425.builtwithrocket.new/dashboard" style="display: inline-block; background: #1A3A7B; color: #ffffff; font-size: 15px; font-weight: 700; padding: 14px 32px; border-radius: 10px; text-decoration: none; letter-spacing: 0.5px;">Access Your Dashboard →</a>
    </div>
  </div>
  <div style="background: #f8f9fa; padding: 24px 32px; text-align: center; border-top: 1px solid #e5e7eb;">
    <p style="color: #9CA3AF; font-size: 12px; margin: 0;">© 2026 United Africa Movement · <em>Rudisha Afurika Yetu</em></p>
  </div>
</div>

Use ${variable} syntax for dynamic values. See the Variables tab for available placeholders.