HTML & MJML

Valentine's Day Email Template

Captivate your audience this February with our stunning Valentine's Day email template, designed specifically for retail brands, ecommerce stores, and marketing agencies launching seasonal romance campaigns. This responsive email template features eye-catching imagery, strategic whitespace, and concise promotional copy that seamlessly guides readers toward your special offers. Perfect for Valentine's Day flash sales, romantic gift guides, couples' promotions, seasonal product launches, or holiday newsletter campaigns that need to convert quickly. Marketing teams, email designers, and brand managers will appreciate the template's plug-and-play flexibility and mobile-optimized layout that works across all major email clients. Deploy this Valentine's Day email template to boost seasonal engagement rates and drive meaningful revenue during one of retail's most lucrative holiday periods.

Edit In EmailBuilder.ai

About the Valentine's Day Email Template

Retail brands and ecommerce stores rely on this Valentine's Day email template to turn February browsing into seasonal revenue. Built around romantic visual hierarchy, strategic whitespace, and persuasive promotional copy, it guides subscribers from curiosity to checkout in a single scroll. Whether you're running a flash sale, gift guide, or couples' promotion, the mobile-optimized layout ensures your Valentine's message lands beautifully across every inbox.

When to use this template

Launch your first send between January 28 and February 7 to capture early gift shoppers, then follow up with urgency-driven reminders on February 10 and 13. Trigger resends to non-openers three days before Valentine's Day to maximize last-minute conversions during peak purchase intent.

Jewelry boutiques promoting Valentine's Day couples' gift collections with curated price tiers
Ecommerce fashion brands launching a limited-time romantic lookbook or outfit bundle
Florists and gifting services announcing early-bird Valentine's Day delivery deadlines
Restaurants and experience brands offering Valentine's Day reservation or package deals
Beauty and skincare brands featuring Valentine's gift sets with a two-for-one promotion
Marketing agencies deploying seasonal campaigns on behalf of retail or lifestyle clients

Subject line ideas

Your Valentine's gift guide is here 💝
48 hours left — Valentine's deals end soon
Gifts they'll actually love this February 14th
We picked the perfect Valentine's gift for you

Best practices for valentine's day emails

Lead with a single romantic hero image that visually frames your Valentine's offer before any copy appears
Use deep reds, blush pinks, and warm neutrals consistently so every section feels seasonally cohesive
Write your CTA button copy around the gift recipient, not the buyer — try Give the Gift of or Send Some Love
Include a countdown timer anchored to February 13 shipping cutoff to trigger last-minute urgency without sounding desperate
Segment Valentine's sends by past purchase behavior to surface relevant gift tiers for solo shoppers versus couples

Template anatomy

How the Valentine's Day Email Template template is laid out, top to bottom:

section (1 column) containing text block.
section (1 column) containing image.
section (1 column) containing image.
section (1 column) containing text block, button.
section (2 columns) containing image, text block, button.
section (3 columns) containing text block, image, button.
section (3 columns) containing image, text block, button.
section (1 column) containing text block.
section (4 columns) containing text block.
section (3 columns) containing image, text block, social row, social link.
section (1 column) containing text block.

Components used

Built from the following MJML elements:

21 text blocks10 images8 buttons3 social links1 social row

Color palette

Colors used across the Valentine's Day Email Template template:

#c7c7c7

transparent

#fcd9dd

#ffe5e6

#ffa2b6

#000000

#ffffff

Typography

Font stacks declared in the template:

system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the Valentine's Day Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-attributes>
      <mj-all font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
    </mj-attributes>
    <mj-title>
      Spread the Love with Our Valentine's Day Discounts!
    </mj-title>
    <mj-preview>
      Celebrate love with savings! Check out our Valentine's Day promotion email template now.
    </mj-preview>
  </mj-head>
  <mj-body background-color="#c7c7c7">
    <mj-section full-width="full-width" padding="9px 0px 9px 0px" background-color="transparent">
      <mj-column width="100%" vertical-align="top">
        <mj-text align="left" padding="6px 0px 6px 0px" line-height="1.5">
          <p style="text-align: right;">
            <span style="color: rgb(255, 255, 255);">
              <span style="font-size: 12px;">
                <a style="color: rgb(255, 255, 255);" href="https://emailbuilder.ai" target="_blank" rel="noopener">
                  Online version
                </a>
              </span>
            </span>
          </p>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="2px 0px 2px 0px" background-color="#fcd9dd">
      <mj-column width="100%" vertical-align="top">
        <mj-image width="300px" src="[[branding.logoURL]]">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section padding="10px 0px 0px 0px" background-url="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab5671abc2b4122d02d2fa.png" background-size="cover" background-color="#ffe5e6">
      <mj-column width="100%" vertical-align="top">
        <mj-image width="300px" src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab3da59cfae6fdd4473adc" border-radius="30px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section padding="15px 0px 15px 0px" background-color="#ffe5e6">
      <mj-column width="100%" vertical-align="top">
        <mj-text align="left" padding="20px 15px 0px 15px" line-height="1.5">
          <h1 style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              <span style="font-size: 24px;">
                VALENTINE'S DAY IS HERE AGAIN
              </span>
            </span>
          </h1>
        </mj-text>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis.
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#ffa2b6" color="#000000" border-radius="25px" font-size="15px" inner-padding="7px 40px 7px 40px" href="https://emailbuilder.ai" font-weight="bold">
          Show Now
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section padding="15px 0px 15px 0px" background-color="#FFE5E6">
      <mj-column width="50%" vertical-align="top">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab3f309cfae6fdd4473b65.jpg" padding="15px 15px 15px 15px">
        </mj-image>
      </mj-column>
      <mj-column width="50%" vertical-align="top">
        <mj-text align="left" padding="15px 15px 0px 15px" line-height="1.5">
          <h1 style="text-align: center;">
            <span style="font-size: 22px;">
              <span style="color: rgb(0, 0, 0);">
                DISCOUNTS
              </span>
              <span style="color: rgb(0, 0, 0);">
                UP TO -20 %
              </span>
            </span>
          </h1>
        </mj-text>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.5">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis.
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#FFA2B6" color="#000000" border-radius="25px" font-size="15px" inner-padding="7px 40px 7px 40px" href="https://emailbuilder.ai" font-weight="bold">
          Read More...
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section padding="15px 0px 15px 0px" background-color="#FFE5E6">
      <mj-column width="33.333333%" vertical-align="top" border-radius="10px" background-color="#FFE5E6">
        <mj-text align="left" padding="15px 15px 0px 15px" line-height="1.5">
          <h2 style="text-align: center;">
            <span style="color: rgb(255, 162, 182);">
              HEADER
            </span>
          </h2>
        </mj-text>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab2663c6615dcad4c44469.png" padding="15px 15px 15px 15px">
        </mj-image>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.2">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              <span style="font-size: 12px;">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis.
              </span>
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#FFA2B6" color="#000000" border-radius="25px" font-size="13px" padding="10px 10px 10px 10px" inner-padding="7px 40px 7px 40px" href="https://emailbuilder.ai" font-weight="normal" font-style="normal" text-transform="none" text-decoration="none">
          <div>
            <strong>
              Buy
            </strong>
          </div>
        </mj-button>
      </mj-column>
      <mj-column width="33.333333%" vertical-align="top" background-color="#FFE5E6" border-radius="10px">
        <mj-text align="left" padding="15px 15px 0px 15px" line-height="1.5">
          <h2 style="text-align: center;">
            <span style="color: rgb(255, 162, 182);">
              HEADER
            </span>
          </h2>
          <h2 style="text-align: center;">
          </h2>
        </mj-text>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab2663c6615dcad4c44469.png" padding="15px 15px 15px 15px">
        </mj-image>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.2">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              <span style="font-size: 12px;">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis.
              </span>
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#FFA2B6" color="#000000" border-radius="25px" font-size="13px" padding="10px 10px 10px 10px" inner-padding="7px 40px 7px 40px" href="https://emailbuilder.ai" font-weight="normal" font-style="normal" text-transform="none" text-decoration="none">
          <div>
            <strong>
              Buy
            </strong>
          </div>
        </mj-button>
      </mj-column>
      <mj-column width="33.333333%" vertical-align="top" border-radius="10px" background-color="#FFE5E6" padding="0px 0px 0px 0px">
        <mj-text align="left" padding="15px 15px 0px 15px" line-height="1.5">
          <h2 style="text-align: center;">
            <span style="color: rgb(255, 162, 182);">
              HEADER
            </span>
          </h2>
          <h2 style="text-align: center;">
          </h2>
        </mj-text>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67ab2663c6615dcad4c44469.png" padding="15px 15px 15px 15px">
        </mj-image>
        <mj-text align="left" padding="15px 15px 15px 15px" line-height="1.2">
          <p style="text-align: center;">
            <span style="color: rgb(0, 0, 0);">
              <span style="font-size: 12px;">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam erat volutpat. In convallis.
              </span>
            </span>
          </p>
        </mj-text>
        <mj-button align="center" background-color="#FFA2B6" color="#000000" border-radius="25px" font-size="13px" padding="10px 10px 10px 10px" inner-padding="7px 40px 7px 40px" href="https://emailbuilder.ai" font-weight="normal" font-style="normal" text-transform="none" text-decoration="none">
          <div>
            <strong>
              Buy
            </strong>
          </div>
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section padding="15px 0px 15px 0px" background-color="#FFE5E6">
      <mj-column width="33.333333%" vertical-align="top" border-radius="10px" background-color="#FFE5E6">

Want the full MJML?Open Valentine's Day 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