HTML & MJML

Invitation Responsive Email Template

Boost your contest and giveaway campaigns with this professionally crafted invitation responsive email template that transforms ordinary promotions into compelling experiences for brands and ecommerce businesses. Featuring a clean, mobile-optimized design with bold call-to-action buttons and eye-catching visuals, this contest email template adapts flawlessly across all devices and email clients. Perfect for product launches, holiday giveaways, social media contests, customer appreciation events, and lead generation campaigns that demand maximum participation. Marketing teams, content creators, and small business owners can customize this versatile email template within minutes to match their brand identity and campaign goals. Deploy this invitation email template to drive higher engagement rates, expand your subscriber base, and create memorable brand interactions that convert prospects into loyal customers.

Edit In EmailBuilder.ai

About the Invitation Responsive Email Template

Marketers running contests and giveaways need an invitation that feels as exciting as the prize itself. This responsive template is built for brands and ecommerce businesses that want to turn a promotional email into a genuine event. Its bold visuals, structured layout, and prominent call-to-action buttons make it easier for recipients to say yes — driving entries, shares, and subscriber growth from a single well-timed send.

When to use this template

Send this invitation at the moment a contest or giveaway goes live, ideally Tuesday through Thursday between 10 a.m. and 2 p.m. for peak open rates. Time it around product launches, seasonal holidays, or follower milestones when audience excitement is already elevated and participation feels naturally motivated.

A skincare brand launching a holiday gift basket giveaway to reward loyal subscribers
An ecommerce store running a photo contest tied to a new product release
A SaaS company inviting users to enter a referral-based prize draw for upgrades
A fitness influencer promoting a 7-day challenge with gear giveaway as the entry incentive
A boutique retailer announcing a seasonal sweepstakes to grow their email list before Black Friday
A nonprofit organization inviting donors to enter a thank-you raffle for year-end contributors

Subject line ideas

You're invited — enter to win before it's gone
48 hours left to claim your spot in the giveaway
Win [Prize] just by joining our contest today
We saved an entry just for you — open this

Best practices for contest emails

Lead with the prize in your headline — name it specifically rather than teasing vague rewards to boost click-through
Use a single dominant CTA button with action-first copy like Enter Now rather than Learn More to reduce hesitation
Display entry deadline prominently near the CTA so scarcity is visible without requiring the reader to scroll
Keep entry instructions to three steps or fewer directly inside the email to eliminate friction before the landing page
Include a social sharing prompt beneath the CTA to convert each entrant into an organic amplifier of your contest

Template anatomy

How the Invitation Responsive Email Template template is laid out, top to bottom:

section (1 column) containing spacer.
section (2 columns) containing image.
section (1 column) containing text block, spacer, image.
section (1 column) containing text block.
section (1 column) containing text block, spacer, button.
section (1 column) containing text block, spacer.
section (1 column) containing text block, spacer, image.
section (1 column) containing spacer.

Components used

Built from the following MJML elements:

8 spacers8 text blocks3 images1 button

Color palette

Colors used across the Invitation Responsive Email Template template:

#fff

#000

#000000

#7a7a7a

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 Invitation Responsive Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-attributes>
      <mj-text color="#fff">
      </mj-text>
      <mj-all font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
      <mj-button background-color="#fff" color="#000">
      </mj-button>
    </mj-attributes>
    <mj-title>
      Enter to Win – Responsive Email Template
    </mj-title>
    <mj-preview>
      Don't miss out on our exciting updates and exclusive offers in our latest newsletter.
    </mj-preview>
  </mj-head>
  <mj-body background-color="#000000">
    <mj-section padding="0px">
      <mj-column padding="0">
        <mj-spacer height="40px">
        </mj-spacer>
      </mj-column>
    </mj-section>
    <mj-section border="2px solid #ffffff" padding="0px">
      <mj-column padding="0">
        <mj-image align="left" src="[[branding.logoURL]]">
        </mj-image>
      </mj-column>
      <mj-column padding="0">
      </mj-column>
    </mj-section>
    <mj-section border-bottom="2px solid #ffffff" border-left="2px solid #ffffff" border-right="2px solid #ffffff" border-top="none" padding-bottom="80px" padding-left="40px" padding-right="40px" padding-top="80px" padding="32px">
      <mj-column padding="0">
        <mj-text align="center" color="#7a7a7a" font-size="14px" line-height="1.5" padding="0px">
          Have an announcement to make?
        </mj-text>
        <mj-spacer height="8px">
        </mj-spacer>
        <mj-text align="center" font-size="48px" line-height="1.25" padding="0px">
          <strong>
            Enter to win
          </strong>
        </mj-text>
        <mj-spacer height="40px">
        </mj-spacer>
        <mj-image padding="0px" src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67bf0b19d56b961f6d0463ce.png" width="320px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section border-bottom="2px solid #fff" border-left="2px solid #fff" border-right="2px solid #fff" border-top="none" padding="20px">
      <mj-column padding="0">
        <mj-text align="center" font-size="35px" line-height="1.5" padding="0px" text-transform="uppercase">
          <strong>
            Here we go
          </strong>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section border-bottom="2px solid #ffffff" border-left="2px solid #ffffff" border-right="2px solid #ffffff" border-top="none" padding="40px">

Want the full MJML?Open Invitation Responsive 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