Build an Email Message

Mixpanel's email builder (a third party plugin called Stripoallows you to drag and drop content, such as images and buttons, into your email. In addition, you can use pre-made templates, and use saved modules to quickly structure your email. This article explains how to build an email message. Learn how to send an email message here.

You can click Switch to Classic Editor in the top left of the builder at any time to return to the classic email builder. 

Modules

You can save modules and images. Modules are blocks of HTML that can contain images, text, tables, etc. as a template to be used in future emails. For example, you could have a footer module that you re-use across emails rather than having to re-design every time. Your project images are saved, making it easy to add them to any emails without having to re-upload them each time.

Note that images have an 8 MB size limit to upload to the email builder.

Caveats

While you can edit HTML in this builder by clicking on the </> icon, be careful not to edit any of the existing classes in the templates (this might break drag-and-drop functionality). You can also switch into the classic editor at any point in time for any individual email, but due to the risk of HTML changing, you will not be able to switch back into the drag-and-drop builder from the classic HTML editor.

Create an Email Message

An email message consists of a from-name and address, a subject, and a message body. To create a new email message, navigate to the Messages report and select Email Message from the "Create new message" dropdown. This will give you the following form:

Screen_Shot_2019-09-10_at_10.07.09_AM.png

On the builder page, you have the option to choose a blank template, one column template, two column template, or to write your own custom HTML. Click on one of these templates to begin preparing the email. 

It's important to note that you can use profile properties in all of the email fields.

Save a draft of your message at any time in this process by clicking the Save button at the top of the page.

Screen_Shot_2019-09-10_at_11.18.24_AM.png

You can view all of your saved drafts by clicking on the Drafts tab of the main Messages page.

Screen_Shot_2019-03-20_at_12.59.26_PM.png

Liquid Templating

If you choose to use liquid templating in this builder by selecting Use advanced personalization, note that liquid templating works within structures, but any templating across structures can cause errors.

Screen_Shot_2019-05-22_at_12.36.33_PM.png

Add Elements to Content

Drag and drop any of the blocks, structures, or modules on the right side of the builder to add to your email. After dragging any of these blocks, click into the field to view additional options, such as the field to upload a new image or select one of your saved images. You can also edit things such as background color and text format.

There are four classes of elements:

  • Stripes: Stripes are things like the content (body) or the footer. You can insert containers into the stripe.
  • Structures: A structure is a set of containers, which can have multiple blocks within it.
  • Containers: A container can have multiple blocks, so it can be a combination of an image and a button.
  • Blocks: A block can be text, image, video, etc.  

Screen_Shot_2019-05-22_at_12.37.59_PM.png

You can save any stripe, container, or structure as a module to be reused later.

Edit Content and Save Modules

Hover over the dots to the left of any block in the builder to view more options. The “save to module” option is only available for stripes, structures and containers, but not for individual blocks.

Screen_Shot_2019-05-20_at_11.57.52_AM.png

Saving a structure to your modules will allow you to reuse that same structure in other emails. This is how you can save images and create templated structures.

Appearance Tab

Additional customization options are available under the Appearance tab. This includes the option to add additional styling, such as font size, headers and footers, to your email.

Screen_Shot_2019-05-20_at_12.09.19_PM.png

Pre-Headers

Use hidden pre-headers to increase the open rates of your emails by adding more information to your email subject line.

Insert a pre-header by clicking on the gear icon at the top right of the builder and entering the pre-header text into the field.

Screen_Shot_2019-05-21_at_10.42.56_AM.png

Did this answer your question?

Comments

0 comments

Article is closed for comments.