HTML & MJML

Welcome Discount Offer Email Template

Convert new subscribers into first-time buyers with this welcome discount offer email template designed for ecommerce brands, subscription businesses, and DTC startups. A warm, friendly layout greets new signups, presents a first-order promo code front and center, and highlights the top reasons to shop — turning list growth into revenue from day one. Perfect for welcome series, signup incentives, lead magnet follow-ups, and new customer acquisition flows. The responsive MJML design is simple to customize: update the code, discount, and imagery to fit your brand voice.

Edit In EmailBuilder.ai

About the Welcome Discount Offer Email Template

Ecommerce brands and DTC startups spend real money growing their subscriber lists — this template makes sure that investment pays off immediately. Built around a front-and-center promo code, a warm welcome message, and concise trust signals, it guides brand-new signups toward their very first purchase before curiosity fades. The single-offer focus removes decision fatigue, while the friendly tone reassures hesitant first-timers that buying now is the right move.

When to use this template

Trigger this email the moment someone confirms their subscription or creates an account — ideally within the first five minutes. Delay kills conversion on welcome discounts. If part of a series, send this as Email 1, before any brand storytelling or product education. Discount urgency (48–72 hour expiry) should be reflected in the send timing.

A skincare DTC brand offering 15% off to new email subscribers
A subscription box service converting free trial signups into paid members
An online apparel store following up on a pop-up discount opt-in
A specialty food retailer activating leads captured at an in-person event
A SaaS-adjacent ecommerce brand rewarding new account registrations with store credit
A Shopify startup launching its first automated welcome flow after going live

Subject line ideas

Here's your 20% off — just for joining us
Your welcome gift expires in 48 hours
New here? We saved something for you
Open me before you browse the store

Best practices for discount emails

Place the promo code in a visually distinct block above the fold so it is impossible to miss on mobile
Set a specific expiry date on the discount — 'expires Friday' outperforms 'limited time' every time
Write the welcome headline to the person, not the brand — 'You're in' beats 'Welcome to Our Community'
Limit product showcases to three items maximum so the CTA remains focused on one conversion action
Match the discount percentage in the subject line, hero headline, and CTA button to reinforce the offer through repetition

Template anatomy

How the Welcome Discount Offer Email Template template is laid out, top to bottom:

section (1 column) containing text block.
section (1 column) containing text block.
section (1 column) containing text block.
section (1 column) containing button.
section (1 column) containing image.
section (1 column) containing text block.
section (1 column) containing text block.
section (1 column) containing text block.
section (1 column) containing social row, social link, text block.

Components used

Built from the following MJML elements:

14 text blocks3 social links1 button1 image1 social row

Color palette

Colors used across the Welcome Discount Offer Email Template template:

#eff6ff

#ffffff

#1d4ed8

#111827

#4b5563

#6b7280

#1e3a8a

#bfdbfe

#93c5fd

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the Welcome Discount Offer Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>Welcome Discount Offer Email Template</mj-title>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif"></mj-all>
      <mj-text font-size="14px" line-height="24px"></mj-text>
    </mj-attributes>
    <mj-preview>Welcome aboard! Here's 15% off your first order 🎁</mj-preview>
  </mj-head>
  <mj-body background-color="#EFF6FF" width="600px">
    <mj-section background-color="#FFFFFF" padding="28px 36px 20px 36px">
      <mj-column>
        <mj-text color="#1D4ED8" font-size="20px" letter-spacing="3px" align="center" padding="0px"><strong>BLUEBIRD</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="16px 36px 0px 36px">
      <mj-column>
        <mj-text font-size="44px" align="center" padding="0px 0px 8px 0px">👋</mj-text>
        <mj-text color="#111827" font-size="38px" line-height="46px" align="center" padding="0px"><strong>Welcome to the family!</strong></mj-text>
        <mj-text color="#4B5563" font-size="16px" line-height="26px" align="center" padding="16px 20px 0px 20px">We're so glad you're here. To say thanks for joining, here's a little something for your very first order.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="28px 48px 8px 48px">
      <mj-column background-color="#EFF6FF" border="2px dashed #1D4ED8" border-radius="12px" padding="28px 20px">
        <mj-text color="#1D4ED8" font-size="15px" letter-spacing="2px" align="center" padding="0px 0px 6px 0px"><strong>YOUR WELCOME GIFT</strong></mj-text>
        <mj-text color="#111827" font-size="44px" line-height="52px" align="center" padding="0px"><strong>15% OFF</strong></mj-text>
        <mj-text color="#4B5563" font-size="15px" align="center" padding="8px 0px 0px 0px">with code <strong>WELCOME15</strong> · valid for 14 days</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="24px 36px 36px 36px">
      <mj-column>
        <mj-button href="https://example.com" background-color="#1D4ED8" color="#FFFFFF" font-size="16px" border-radius="8px" inner-padding="16px 48px" padding="0px"><strong>Shop My First Order →</strong></mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="0px 36px 8px 36px">

Want the full MJML?Open Welcome Discount Offer Email Template free in the editor to copy the complete, production-ready source — and customize it with drag-and-drop.Get the full MJML — it's free