HTML & MJML

Choose Your Gift Card Amount Email Template

Make buying a gift card a two-tap decision with this choose-your-amount email template built around a clean denomination grid. Four value tiles ( to ) each carry a plain-language cue, with the most popular option highlighted to guide the choice. Use this email template for gift card sales, gifting-season promotions, and quick-buy campaigns across retail, restaurants, and subscription brands. By removing the how-much hesitation up front, this design shortens the path to purchase and lifts gift card revenue — a category that also brings brand-new customers through the door when the recipient redeems.

Edit In EmailBuilder.ai

About the Choose Your Gift Card Amount Email Template

Retailers, restaurants, and subscription brands lose gift card sales the moment a buyer has to think too hard about how much to spend. This choose-your-amount template solves that with a denomination grid that puts four pre-set values front and center, highlights the crowd favorite, and pairs each tile with a plain-language nudge that makes the decision feel obvious. The result is a frictionless two-tap path from inbox to checkout that converts browsers into gift card buyers.

When to use this template

Deploy this template in the four to six weeks before major gifting holidays — Christmas, Mother's Day, Valentine's Day, and graduation season. It also performs well as a last-minute send in the final 48 hours before a holiday, when physical gifts are no longer viable and a digital gift card becomes the perfect fallback for panicked shoppers.

Coffee chain promoting gift cards ahead of the holiday gifting rush
Subscription box brand running a Valentine's Day gift-card flash sale
Online clothing retailer offering gift cards for last-minute holiday shoppers
Restaurant group driving gift card purchases during a slow January revenue period
Beauty brand launching a Mother's Day gifting campaign with tiered spend options
Streaming or SaaS platform selling gift subscriptions during a seasonal promotion

Subject line ideas

Pick an amount. Send the perfect gift.
Last chance: gift cards before the holiday
Give exactly what they want — guaranteed
Not sure what to get? This solves it.

Best practices for gift card emails

Label the highlighted denomination with social proof copy like Most Popular or Fan Favorite to reduce decision fatigue instantly.
Write the value cue beneath each tile in recipient terms — what it buys — rather than just displaying a dollar figure alone.
Limit the denomination grid to four options maximum so the layout stays scannable and no single CTA competes for attention.
Add a one-line urgency note near the CTA specifying delivery timing, such as delivered instantly by email, to remove the last hesitation for late buyers.
Personalize the subject line or preview text with the recipient's first name to signal this is a curated recommendation rather than a mass blast.

Template anatomy

How the Choose Your Gift Card Amount 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 (2 columns) containing text block.
section (2 columns) containing text block.
section (1 column) containing button, text block.
section (1 column) containing text block.
section (3 columns) containing text block.
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 images1 button1 social row

Color palette

Colors used across the Choose Your Gift Card Amount Email Template template:

#eef4f1

#ffffff

#14532d

#4b5563

#f0faf4

#a7f3d0

#9ca3af

#059669

#1e6b41

#0f3d22

#6ea588

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>Choose Your Gift Card Amount 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>Pick an amount and send in seconds — gift cards from $25 to $200.</mj-preview>
  </mj-head>
  <mj-body background-color="#EEF4F1" width="600px">
    <mj-section background-color="#FFFFFF" padding="24px 36px 16px 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-1653784097013-786a8965ea3b?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwxfHxza2luY2FyZSUyMHByb2R1Y3RzJTIwc2V0JTIwZmxhdCUyMGxheXxlbnwwfDB8fHwxNzgzMzQ5NzU2fDA&ixlib=rb-4.1.0&w=1200&h=520&fit=crop&auto=format&q=80" alt="Gifts to choose from" padding="0px" fluid-on-mobile="true"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="30px 40px 6px 40px">
      <mj-column>
        <mj-text color="#14532D" font-size="26px" line-height="34px" align="center" padding="0px 0px 8px 0px"><strong>Pick an amount. We'll do the rest.</strong></mj-text>
        <mj-text color="#4B5563" font-size="15px" align="center" padding="0px 0px 4px 0px">Choose a value below — or enter your own at checkout.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="18px 34px 10px 34px">
      <mj-column width="50%" background-color="#F0FAF4" border="1px solid #BBF7D0" border-radius="12px" padding="22px 18px">
        <mj-text color="#14532D" font-size="34px" line-height="40px" align="center" padding="0px 0px 6px 0px"><strong>$25</strong></mj-text>
        <mj-text color="#4B5563" font-size="13px" align="center" padding="0px">A little thank-you</mj-text>
      </mj-column>
      <mj-column width="50%" background-color="#F0FAF4" border="1px solid #BBF7D0" border-radius="12px" padding="22px 18px">
        <mj-text color="#14532D" font-size="34px" line-height="40px" align="center" padding="0px 0px 6px 0px"><strong>$50</strong></mj-text>
        <mj-text color="#4B5563" font-size="13px" align="center" padding="0px">The crowd-pleaser</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="8px 34px 20px 34px">
      <mj-column width="50%" background-color="#14532D" border-radius="12px" padding="22px 18px">
        <mj-text color="#FFFFFF" font-size="34px" line-height="40px" align="center" padding="0px 0px 6px 0px"><strong>$100</strong></mj-text>
        <mj-text color="#A7F3D0" font-size="13px" align="center" padding="0px">Most popular</mj-text>
      </mj-column>
      <mj-column width="50%" background-color="#F0FAF4" border="1px solid #BBF7D0" border-radius="12px" padding="22px 18px">
        <mj-text color="#14532D" font-size="34px" line-height="40px" align="center" padding="0px 0px 6px 0px"><strong>$200</strong></mj-text>
        <mj-text color="#4B5563" font-size="13px" align="center" padding="0px">Go all out</mj-text>
      </mj-column>
    </mj-section>

Want the full MJML?Open Choose Your Gift Card Amount 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