HTML & MJML

Events Email Template

Fill seats and boost RSVPs with this events email template built for conference organizers, venue managers, and entertainment brands ready to make noise. The layout delivers a bold header, magnetic visuals, and conversion-ready call-to-action buttons in a clean, fully responsive design that renders beautifully across inboxes and devices. Use it for conference announcements, trade show promotions, concert launches, webinar invitations, or festival marketing pushes that demand attention. Marketers, designers, and promotional agencies can customize colors, fonts, and imagery in minutes while keeping the proven structure intact. The payoff: higher open rates, increased event registrations, and a newsletter or announcement campaign that turns casual subscribers into excited, ticket-buying attendees.
Edit In EmailBuilder.ai
Share:
Events Email Template - email template preview
Show full preview ▼

About the Events Email Template

Conference organizers, venue managers, and entertainment brands need emails that convert scrollers into confirmed attendees, and that's exactly what this layout delivers. Built around a bold header, magnetic visual placement, and conversion-ready CTA buttons, it gives every announcement a sense of occasion. The structure works because it mirrors how people actually decide to attend: grab attention, show the experience, then make registering feel like the obvious next step, all within a responsive design that holds up across inboxes.

When to use this template

Send this the moment registration opens, then again as early-bird pricing nears expiration, at the halfway mark before the event, and during the final 48-72 hour countdown. It also performs well for post-announcement teasers once speakers, performers, or exhibitors are confirmed, giving subscribers fresh reasons to click through and secure a seat.
  • A trade show organizer announcing exhibitor booths are now open for registration
  • A concert venue promoting a newly announced tour date to its mailing list
  • A webinar host sending a save-the-date to past attendees and leads
  • A festival marketing team launching early-bird ticket pricing before public sale
  • A conference brand reminding registrants of session tracks and keynote speakers
  • A promotional agency building hype for a client's product launch party

Subject line ideas

  • Your seat is waiting (for now)
  • Early-bird pricing ends Friday
  • Here's who's taking the stage this year
  • 3 days left to lock in your spot

Best practices for announcement emails

  • Lead with the event date and location above the fold so scanners get key details instantly
  • Use one hero image that captures the energy of the event rather than generic stock photography
  • Place your primary CTA button before any scroll and repeat it again after key event details
  • Write button copy that names the action, like Reserve My Seat, instead of a generic Learn More
  • Include a visible countdown or deadline cue to create urgency around registration or ticket pricing

Template anatomy

How the Events Email Template template is laid out, top to bottom:
  1. section (1 column) containing spacer.
  2. section (2 columns) containing image, navbar, navbar link.
  3. section (1 column) containing text block, image.
  4. section (3 columns) containing text block.
  5. section (1 column) containing divider.
  6. section (3 columns) containing text block.
  7. section (1 column) containing divider.
  8. section (1 column) containing button.
  9. section (2 columns) containing image, text block.
  10. section (2 columns) containing text block, social row, social link.
  11. section (1 column) containing text block.
  12. section (1 column) containing spacer.

Components used

Built from the following MJML elements:
25 text blocks3 images3 navbar links3 social links2 spacers2 dividers1 navbar1 button1 social row

Color palette

Colors used across the Events Email Template template:
#ebebeb
#ffffff
#00a86b
#fff
#d3d3d3
#edf2f4
#2b2d42
#555

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 Events 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-style>
      .vdt_styles {}
    </mj-style>
    <mj-style inline="inline">
      .vdt_styles_inline {}
    </mj-style>
    <mj-title>
      Discover Exciting Events Near You!
    </mj-title>
    <mj-preview>
      Stay updated on the latest events and never miss out on the fun!
    </mj-preview>
  </mj-head>
  <mj-body background-color="#ebebeb">
    <mj-section background-color="#ebebeb" padding="0">
      <mj-column padding="0">
        <mj-spacer height="50px">
        </mj-spacer>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff" padding="40px">
      <mj-group>
        <mj-column padding="0">
          <mj-image align="left" padding-bottom="0px" padding-left="0px" padding-right="0px" padding-top="0px" src="[[branding.logoURL]]" width="150px">
          </mj-image>
        </mj-column>
        <mj-column padding="0">
          <mj-navbar base-url="https://emailbuilder.ai">
            <mj-navbar-link href="#">
              About
            </mj-navbar-link>
            <mj-navbar-link href="#">
              Services
            </mj-navbar-link>
            <mj-navbar-link href="#">
              Contact
            </mj-navbar-link>
          </mj-navbar>
        </mj-column>
      </mj-group>
    </mj-section>
    <mj-section background-color="#00A86B" padding="30px">
      <mj-column padding="0" vertical-align="top">
        <mj-text color="#fff" font-size="25px" line-height="1.5" padding="10px" font-weight="bold" align="center">
          Hi Dear,
        </mj-text>
        <mj-text color="#fff" font-size="24px" line-height="1.5" padding="10px" align="center">
          Please, checkout events calendar
        </mj-text>
        <mj-image align="center" padding-bottom="0px" padding-left="0px" padding-right="0px" padding-top="0px" src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67c9c238d15d1c07d97600d0.png" width="150px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff" padding-bottom="20px" padding-left="30px" padding-right="30px" padding-top="30px" padding="30px">
      <mj-column padding="0">
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            June
          </strong>
        </mj-text>
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            05
          </strong>
        </mj-text>
        <mj-text align="center" font-size="16px" line-height="1.5" padding-bottom="10px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          Lorem ipsum dolor sit amet
        </mj-text>
      </mj-column>
      <mj-column padding="0">
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            July
          </strong>
        </mj-text>
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            25
          </strong>
        </mj-text>
        <mj-text align="center" font-size="16px" line-height="1.5" padding-bottom="10px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          Lorem ipsum dolor sit amet
        </mj-text>
      </mj-column>
      <mj-column padding="0">
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            Aug
          </strong>
        </mj-text>
        <mj-text align="center" color="#00A86B" font-size="36px" padding-bottom="5px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          <strong>
            14
          </strong>
        </mj-text>
        <mj-text align="center" font-size="16px" line-height="1.5" padding-bottom="10px" padding-left="10px" padding-right="10px" padding-top="5px" padding="10px">
          Lorem ipsum dolor sit amet
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff" padding-bottom="0px" padding-left="40px" padding-right="40px" padding-top="0px" padding="20px">
      <mj-column padding="0">
        <mj-divider border-color="#d3d3d3" border-width="2px" padding-bottom="10px" padding-left="0" padding-right="0" padding-top="10px" padding="10px 0">
        </mj-divider>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff" padding-bottom="20px" padding-left="30px" padding-right="30px" padding-top="20px" padding="30px">
      <mj-column padding="0">
Want the full MJML?Open Events 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

Browse more templates

Announcement Email TemplatesEvent / Conference / Trade Show Email TemplatesNewsletter Email TemplatesPromotion Email TemplatesAll Email Templates

Related announcement email templates