Content builder

Templates

Create HTML emails, preview placeholders immediately, and bind the template to a send type such as Automation.

{{first_name}}{{profile_1_image_url}}{{appUrl}}

Templates

Saved email bodies.

Active

Available for sending.

Bound flows

Types using templates.

Automation

Ready

Inactive-user flow.

KeyTemplate nameType / FlowActiveSubjectText fallback

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hot Members</title>
<style>
  body { margin: 0; padding: 0; background: #f4f5fb; font-family: Arial, Helvetica, sans-serif; }
  .em-wrap { background: #f4f5fb; padding: 28px 0; }
  .em-container { max-width: 500px; margin: 0 auto; background: #ffffff; border-radius: 24px 24px 0 0; overflow: hidden; }
  .em-header { background: #ff2d68; padding: 22px 20px; text-align: center; }
  .em-header img { display: block; margin: 0 auto; max-width: 160px; width: 160px; height: auto; }
  .em-hero { padding: 38px 30px 26px; text-align: center; }
  .em-hero h1 { color: #111827; font-family: Arial, Helvetica, sans-serif; font-weight: 800; font-size: 25px; line-height: 31px; margin: 0 0 8px; }
  .em-hero p { color: #111827; font-size: 17px; font-weight: 700; line-height: 23px; margin: 0; }
  .em-members { padding: 0 30px 38px; }
  .em-member { text-align: center; margin-bottom: 28px; }
  .em-photo { text-decoration: none; display: block; position: relative; width: 190px; height: 190px; margin: 0 auto; overflow: hidden; border-radius: 12px; }
  .em-photo img { width: 190px; height: 190px; object-fit: cover; border-radius: 12px; display: block; margin: 0 auto; border: 0; filter: blur(4px); transform: scale(1.04); }
  .em-online { display: inline-block; width: 9px; height: 9px; background: #22c55e; border-radius: 999px; margin-right: 6px; vertical-align: 1px; }
  .em-name { font-size: 16px; font-weight: 800; color: #111827; margin: 8px 0 4px; text-decoration: none; display: block; }
  .em-badge { display: inline-block; background: #1d9bf0; color: #ffffff; font-size: 10px; line-height: 14px; width: 14px; height: 14px; border-radius: 999px; margin-left: 4px; vertical-align: 1px; }
  .em-age { font-size: 14px; color: #666666; margin: 0; font-weight: 700; }
  .em-cta { text-align: center; padding: 0 30px 44px; }
  .em-btn { display: inline-block; background: #ff2d68; color: #ffffff !important; font-size: 15px; font-weight: 800; padding: 16px 46px; border-radius: 4px; text-decoration: none; text-transform: uppercase; }
  .em-app { background: #ffffff; padding: 0 30px 30px; text-align: center; }
  .em-app p { font-size: 14px; color: #333333; line-height: 20px; margin: 0; }
  .em-footer { background: #f4f5fb; border-top: 1px solid #e1e5ec; padding: 34px 30px 40px; font-size: 16px; color: #68717c; text-align: center; line-height: 1.55; }
  .em-footer p { margin: 0 0 18px; }
  .em-footer a { color: #68717c; text-decoration: underline; }
  .em-unsubscribe { color: #ff2d68 !important; font-size: 20px; text-decoration: underline !important; }
</style>
</head>
<body>
<div class="em-wrap">
  <div class="em-container">
    <div class="em-header">
      <img src="https://myloves-emails.s3.eu-central-1.amazonaws.com/logo_2.png" alt="MyLoves" />
    </div>
    <div class="em-hero">
      <h1>Hot Members</h1>
      <p>🔥 Neue Profile warten auf dich! 🔥</p>
    </div>
    <div class="em-members">
      <div class="em-member">
        <a href="{{profile_1_url}}" class="em-photo"><img src="{{profile_1_image_url}}" alt="{{profile_1_first_name}}" /></a>
        <a href="{{profile_1_url}}" class="em-name"><span class="em-online"></span>{{profile_1_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_1_age}} · {{profile_1_city}}</p>
      </div>
      <div class="em-member">
        <a href="{{profile_2_url}}" class="em-photo"><img src="{{profile_2_image_url}}" alt="{{profile_2_first_name}}" /></a>
        <a href="{{profile_2_url}}" class="em-name"><span class="em-online"></span>{{profile_2_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_2_age}} · {{profile_2_city}}</p>
      </div>
      <div class="em-member">
        <a href="{{profile_3_url}}" class="em-photo"><img src="{{profile_3_image_url}}" alt="{{profile_3_first_name}}" /></a>
        <a href="{{profile_3_url}}" class="em-name"><span class="em-online"></span>{{profile_3_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_3_age}} · {{profile_3_city}}</p>
      </div>
      <div class="em-member">
        <a href="{{profile_4_url}}" class="em-photo"><img src="{{profile_4_image_url}}" alt="{{profile_4_first_name}}" /></a>
        <a href="{{profile_4_url}}" class="em-name"><span class="em-online"></span>{{profile_4_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_4_age}} · {{profile_4_city}}</p>
      </div>
      <div class="em-member">
        <a href="{{profile_5_url}}" class="em-photo"><img src="{{profile_5_image_url}}" alt="{{profile_5_first_name}}" /></a>
        <a href="{{profile_5_url}}" class="em-name"><span class="em-online"></span>{{profile_5_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_5_age}} · {{profile_5_city}}</p>
      </div>
      <div class="em-member">
        <a href="{{profile_6_url}}" class="em-photo"><img src="{{profile_6_image_url}}" alt="{{profile_6_first_name}}" /></a>
        <a href="{{profile_6_url}}" class="em-name"><span class="em-online"></span>{{profile_6_first_name}} <span class="em-badge">✓</span></a>
        <p class="em-age">{{profile_6_age}} · {{profile_6_city}}</p>
      </div>
    </div>
    <div class="em-cta">
      <a href="{{profile_1_url}}" class="em-btn">Connect Now</a>
    </div>
    <div class="em-app">
      <p>MyLoves verbindet dich mit spannenden Profilen. Schau dir jetzt an, wer auf dich wartet.</p>
    </div>
    <div class="em-footer">
      <p>Du erhältst diese E-Mail, weil du bei <strong>Myloves</strong> registriert bist und Benachrichtigungen aktiviert hast.</p>
      <p><a href="https://myloves.com/public/terms-and-conditions">AGB</a> &nbsp;·&nbsp; <a href="https://myloves.com/public/privacy-policy">Datenschutz</a> &nbsp;·&nbsp; <a href="https://myloves.com/public/imprint">Impressum</a></p>
      <p>iNetwork23 GmbH · Ballindamm 27 · 20095 Hamburg · Deutschland</p>
      <p>© 2026 Myloves. Alle Rechte vorbehalten.</p>
      <p><a href="{{unsubscribeUrl}}" class="em-unsubscribe">Abmelden</a> – keine Benachrichtigungen mehr erhalten?</p>
    </div>
  </div>
</div>
</body>
</html>

Live Previewreset-password

Hot members warten auf dich

Hot Members