Studio · email designer

Design emails visually, or in code

Drag blocks onto the canvas, or write MJML yourself. Preview on desktop and mobile, then send yourself a test.

Create a workspaceSee the code view

Studio is at the Experiment stage: ready to use, and still changing.

Studio / Welcome emailDraft
Blocks
SectionColumnsTextImageButtonDividerSpacer
VisualCodeSend test
[YOUR LOGO]Welcome, {{first_name}}
Start your first project
Button
TextStart your first project
Link{{project_url}}
Background[BRAND COLOR]
Padding12px 24px

Where it sits in Argon

  1. StudioDesigns each message
  2. JourneysDecides when it’s sent
  3. EmailDelivers it

Visual or code

One email, 2 ways to build it

The canvas and the code are the same email. Build it from blocks, or open the MJML and write it yourself.

  • Blocks for sections, columns, text, images and buttons
  • Variables like first name, filled in for each person
  • A layers view of the whole email
MJML
<mjml>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text>Welcome, {{first_name}}</mj-text>
        <mj-button href="{{project_url}}">Start your first project</mj-button>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

Before you send

See it the way they will

Check every email before it goes out.

  • Preview on every screen

    See the email on desktop and mobile, and in dark mode, before anyone else does.

  • Send a test

    Send a test to yourself and check it in your own inbox.

  • Export as HTML

    Export the finished email as HTML to use anywhere else.

Design your first email

Create a workspace, design a welcome email and send it from a journey.

Create a workspaceSee Journeys