HTML & MJML

You Received a Gift Card Email Template

Deliver a gift card that feels like a real gift with this you-received-a-gift-card email template. A dark card-styled centerpiece displays the balance, redemption code, and a personal note from the sender — turning a transactional email into a moment. Use this email template for digital gift card delivery, e-gift notifications, gift card fulfilment, and recipient onboarding across ecommerce, retail, and hospitality. Brands get a polished, high-clarity design that makes redeeming effortless and leaves the recipient with a genuinely good first impression of both the gift and the store behind it.

Edit In EmailBuilder.ai

About the You Received a Gift Card Email Template

When someone sends a gift card, the delivery email is the gift unwrapping moment. This template is built for e-commerce brands, retailers, and hospitality businesses that want that moment to feel intentional — not automated. A dark card-styled layout surfaces the balance, redemption code, and personal note with visual weight that matches the occasion, so recipients immediately understand what they have and how to use it.

When to use this template

Send immediately upon gift card purchase confirmation, triggering delivery to the recipient in real time. Peak moments include holidays, birthdays, and promotional campaigns, but the trigger should always be purchase-based — the recipient's first impression of their gift depends on arriving before excitement fades.

A fashion retailer delivering a $100 gift card purchased by a customer's friend
A hotel brand sending a spa gift card as part of a loyalty reward
An online marketplace fulfilling a bulk corporate gifting order to employee inboxes
A DTC brand running a holiday gift card promotion with personalized sender messages
A restaurant group issuing digital gift cards redeemable across multiple locations
A subscription box service delivering gift cards as referral rewards to new recipients

Subject line ideas

You've got a gift card waiting for you
Someone sent you something — open this
Your gift card is here. Ready to spend?
[Name] just sent you a gift card

Best practices for gift card emails

Display the exact gift card balance in large type — recipients scan for that number first before reading anything else.
Make the redemption code visually distinct with monospace formatting or a bordered box so it is never confused with body copy.
Preserve the sender's personal note verbatim and attribute it clearly — this is the emotional core that separates the email from a receipt.
Include a single high-contrast CTA button that lands directly on the checkout or redemption page, not the homepage.
Add an expiry date line beneath the balance even when validity is long — transparency builds trust and pre-empts recipient anxiety.

Template anatomy

How the You Received a Gift Card Email Template template is laid out, top to bottom:

section (1 column) containing image.
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 button.
section (1 column) containing text block.
section (3 columns) containing text block.
section (1 column) containing text block, button.
section (1 column) containing text block, social row, social link.
section (1 column) containing text block.

Components used

Built from the following MJML elements:

23 text blocks3 social links2 images2 buttons1 social row

Color palette

Colors used across the You Received a Gift Card Email Template template:

#f1f0ec

#ffffff

#c9a227

#1a1a2e

#4b5563

#8b8b9e

#faf9f6

transparent

#2a2a40

#141422

#54546a

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the You Received a Gift Card Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>You Received a Gift Card 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>Someone sent you a gift card — your code and balance are inside.</mj-preview>
  </mj-head>
  <mj-body background-color="#F1F0EC" width="600px">
    <mj-section background-color="#FFFFFF" padding="24px 36px 18px 36px">
      <mj-column>
        <mj-image src="[[branding.logoURL]]" width="150px" align="center" padding="0px"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="0px">
      <mj-column padding="0px">
        <mj-image src="https://images.unsplash.com/photo-1464349153735-7db50ed83c84?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwxfHxiaXJ0aGRheSUyMGNha2UlMjBjYW5kbGVzJTIwY2VsZWJyYXRpb258ZW58MHwwfHx8MTc4MzM0OTc1N3ww&ixlib=rb-4.1.0&w=1200&h=600&fit=crop&auto=format&q=80" alt="Celebration" padding="0px" fluid-on-mobile="true"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="30px 36px 6px 36px">
      <mj-column>
        <mj-text color="#C9A227" font-size="13px" letter-spacing="2px" align="center" padding="0px 0px 8px 0px"><strong>A GIFT FOR YOU</strong></mj-text>
        <mj-text color="#1A1A2E" font-size="28px" line-height="36px" align="center" padding="0px 0px 8px 0px"><strong>Alex sent you a gift card</strong></mj-text>
        <mj-text color="#4B5563" font-size="16px" line-height="26px" align="center" padding="0px 8px 0px 8px">Consider it a little treat with your name on it. Your balance and code are ready below — redeem whenever you like.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="20px 40px 20px 40px">
      <mj-column background-color="#1A1A2E" border-radius="18px" padding="30px 30px 26px 30px">
        <mj-text color="#C9A227" font-size="12px" letter-spacing="3px" padding="0px 0px 24px 0px"><strong>DIGITAL GIFT CARD</strong></mj-text>
        <mj-text color="#8B8B9E" font-size="12px" letter-spacing="1px" padding="0px 0px 2px 0px">BALANCE</mj-text>
        <mj-text color="#FFFFFF" font-size="46px" line-height="52px" padding="0px 0px 22px 0px"><strong>$50.00</strong></mj-text>
        <mj-text color="#8B8B9E" font-size="12px" letter-spacing="1px" padding="0px 0px 4px 0px">REDEMPTION CODE</mj-text>
        <mj-text color="#FFFFFF" font-size="22px" letter-spacing="4px" padding="0px"><strong>GIFT-9K4T-2P</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="6px 40px 6px 40px">
      <mj-column>
        <mj-text color="#1A1A2E" font-size="16px" line-height="26px" font-style="italic" align="center" padding="0px">"Happy birthday! Spend it on something you'd never buy yourself." — Alex</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="18px 40px 34px 40px">
      <mj-column>
        <mj-button href="https://example.com" background-color="#C9A227" color="#1A1A2E" font-size="16px" border-radius="6px" inner-padding="16px 48px" padding="0px 0px 8px 0px"><strong>Redeem Your Gift Card</strong></mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FAF9F6" padding="34px 36px 10px 36px">

Want the full MJML?Open You Received a Gift Card 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