HTML & MJML

Buy One Get One Free Offer Email Template

Double the perceived value of every purchase with this buy-one-get-one-free (BOGO) offer email template designed for retail shops, footwear and apparel brands, and ecommerce marketers. A vibrant hero states the deal instantly, a simple three-step "how it works" section removes friction, and a single bold call-to-action drives clicks. Perfect for BOGO promotions, product launches, inventory clearances, and customer appreciation campaigns. The responsive MJML layout customizes in minutes — change the product photo, promo code, and colors to match any brand.

Edit In EmailBuilder.ai

About the Buy One Get One Free Offer Email Template

Retail marketers and ecommerce brands reach for BOGO promotions when they need to move product fast without slashing prices outright. This buy-one-get-one-free email template pairs a punchy hero announcement with a frictionless three-step explainer, so shoppers immediately understand the deal and feel confident clicking. It's purpose-built for footwear, apparel, and direct-to-consumer shops that want to double perceived value while keeping the email clean, urgent, and on-brand.

When to use this template

Deploy this template during seasonal transitions when inventory needs clearing, around major shopping holidays like Black Friday or back-to-school, or as a loyalty reward triggered after a customer's second purchase. Flash BOGO windows of 48 to 72 hours consistently outperform open-ended offers, so pair it with a tight expiration date.

A sneaker brand clearing last-season styles before new inventory arrives
A DTC skincare shop rewarding loyal customers with a BOGO appreciation event
An apparel retailer driving volume during a slow mid-season sales slump
A newly launched online store using BOGO to acquire first-time buyers quickly
A gift shop boosting average order value ahead of the holiday gifting season
A subscription box brand converting free-trial users with a one-time BOGO incentive

Subject line ideas

Buy one, get one free — today only 👟
Your BOGO deal expires at midnight
Double your order. Pay for one.
We added a free item to your next order

Best practices for discount emails

State the exact BOGO mechanic in the hero headline — avoid vague phrasing like 'special offer' that buries the deal.
Use contrasting product images for the bought item and the free item to make the value exchange visually tangible.
Add a visible promo code even if the discount applies automatically — seeing a code reinforces the exclusivity of the deal.
Set a specific expiration timestamp, including the timezone, directly beneath the call-to-action button to sharpen urgency.
In the how-it-works section, keep each step to a single verb-led sentence so hesitant shoppers have zero reason to abandon.

Template anatomy

How the Buy One Get One Free 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 image.
section (1 column) containing text block.
section (1 column) containing button.
section (1 column) containing text block.
section (2 columns) containing text block.
section (2 columns) containing text block.
section (2 columns) containing text block.
section (1 column) containing social row, social link, text block.

Components used

Built from the following MJML elements:

18 text blocks3 social links1 image1 button1 social row

Color palette

Colors used across the Buy One Get One Free Offer Email Template template:

#fff7ed

#9a3412

#ea580c

#1c1917

#57534e

#fdba74

#ffffff

#a8a29e

#78716c

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>Buy One Get One Free 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>Pick a favorite, get a second one free — this week only</mj-preview>
  </mj-head>
  <mj-body background-color="#FFF7ED" width="600px">
    <mj-section background-color="#FFF7ED" padding="28px 36px 8px 36px">
      <mj-column>
        <mj-text color="#9A3412" font-size="20px" letter-spacing="3px" align="center" padding="0px"><strong>KICKS &amp; CO.</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFF7ED" padding="24px 36px 0px 36px">
      <mj-column>
        <mj-text color="#EA580C" font-size="16px" letter-spacing="4px" align="center" padding="0px 0px 8px 0px"><strong>THIS WEEK ONLY</strong></mj-text>
        <mj-text color="#1C1917" font-size="52px" line-height="58px" align="center" padding="0px"><strong>Buy One,
Get One Free</strong></mj-text>
        <mj-text color="#57534E" font-size="17px" align="center" padding="16px 20px 0px 20px">Grab any pair you love and we'll throw in a second pair of equal or lesser value — completely free.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFF7ED" padding="28px 36px 8px 36px">
      <mj-column>
        <mj-image src="https://images.unsplash.com/photo-1587563871167-1ee9c731aefb?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwxfHxzbmVha2VycyUyMHBhaXIlMjBwcm9kdWN0fGVufDB8MHx8fDE3ODMzNDYwNjN8MA&ixlib=rb-4.1.0&w=1200&fit=crop&auto=format&q=80" alt="Featured sneakers" border-radius="12px" fluid-on-mobile="true" padding="0px"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFF7ED" padding="20px 36px 8px 36px">
      <mj-column background-color="#1C1917" border-radius="10px" padding="24px 20px">
        <mj-text color="#FDBA74" font-size="14px" letter-spacing="2px" align="center" padding="0px 0px 6px 0px">USE CODE</mj-text>
        <mj-text color="#FFFFFF" font-size="36px" line-height="44px" align="center" padding="0px"><strong>BOGOFREE</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFF7ED" padding="16px 36px 32px 36px">
      <mj-column>
        <mj-button href="https://example.com" background-color="#EA580C" color="#FFFFFF" font-size="17px" border-radius="50px" inner-padding="16px 48px" padding="8px 0px 0px 0px"><strong>Claim My Free Pair →</strong></mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="36px 36px 8px 36px">
      <mj-column>
        <mj-text color="#1C1917" font-size="24px" align="center" padding="0px"><strong>How it works</strong></mj-text>

Want the full MJML?Open Buy One Get One Free 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