How To Code A Welcome Email With MJML

You already know we’re working on a series of tutorials to show you how to create and send awesome transactional emails step by step, using MJML, our open-source email framework, and Mailjet’s templating language. Each tutorial covers a very common use-case, providing a large set of examples, code snippets, and nice visuals.

Today, we’re going to see how to implement an efficient welcome email. Here’s what you’ll find in this post.

 

A templating language for your transactional emails

You already know that flexibility and personalization are a must-have in the email industry. Transactional emails imply more and more complex business logic, and one can often struggle to try to juggle a lot of different templates, when they could just have one personalized email that adapts to several use cases.

Having a separate template for men and another one for women, or creating specific campaigns to recommend different things based on your customer’s previous purchases is not viable. It is in this kind of situations that a templating language comes in handy.

Even if you could potentially write your own, to be able to implement a tokenizer and a grammar, you’d need to have a good knowledge in the field and might end up reinventing the wheel when you could have been focusing on your core business instead…

You could instead use nice libraries such as Handlebars, Jinja or Twig, but then you’ll still need to write or host a dedicated service to handle the templating processing.

Mailjet’s Templating Language

At Mailjet, we know the value of a fully integrated templating language, which is why we created our own templating language with our Transactional Send API in mind. Our idea: one template to rule them all, just with a single API call.

So, let’s recap: MJML for producing responsive HTML emails without effort, plus a templating language to bring them to life with conditional blocks and variables.

This combo can change your life as a developer. But, enough words, you’ll definitely want some action. That’s why we’ve decided to show you how to create and send awesome transactional emails, step by step.

 

The “How to code” tutorial: what you need to know

We’re rolling out a series of tutorials, all of which will explore a very common use-case, providing numerous examples, code snippets and nice visuals. We’ve even created an easy-to-execute tool, written with NodeJS, to test emails under actual conditions. To use it, you’ll just need valid credentials for both MJML API and Mailjet Transactional Send API, but don’t worry if you’re a newcomer: applying for the MJML API beta and creating a Mailjet account are totally free.

Our “How To Code” series has four parts. Check them out now:

 

How to code a welcome email: Quick Introduction

We know you are an email veteran, and the double opt-in has no more secrets for you. So, during the signup process, you asked your user to confirm their email address. This verification step is now over. You can open yet another bottle of champagne, you have one true new user interested in your product. Congratulations.

But then you start to wonder. It could be that users browse your website right now, or come back later. And you know people. Chances are, they’ll have other things to do, they’ll forget and never come back. So you need to grab their attention again. Why not use the valid email address they offered you willingly?

Welcome emails are indeed a powerful way to communicate because users are expecting them. When you enter a store as a consumer, you expect friendly greetings, useful information or good advice. While this behavior is common for most customers, that doesn’t imply they’re all the same. It is important to take your user’s tastes or habits into account, in order to create relevant messages. We can see you starting to panic: how many templates would you have to write?

Don’t freak out! Leveraging the power of our templating language, we will show you how to create a customized welcome series, using only a single template. In this tutorial, we will show you how to:

  1. Create blocks that display different elements according to your user data (location, gender… think segmentation!).
  2. Set a templating language variable and leverage it to display personalized data.
  3. Use templating language functions to transform text.

Example: welcome email

 

How to code a welcome email template: Over to Github!

Looking for some extra help in coding your welcome emails? You’re in the right place. We’ll tackle all the points above, and more, in our dedicated Github tutorial for coding welcome email templates with MJML.

Our Github tutorial includes:

  • Clear explanations.
  • Code samples you can use while working on your welcome emails.
  • Examples of a welcome emails and its different parts.

Ready to start writing an awesome welcome email template?

Time to jump over to Github.

Jump over to our Github tutorial for welcome emails!


We’ve also created an easy-to-execute tool written with NodeJS to test emails under real conditions. To use it, you’ll just need valid credentials for both MJML API and Mailjet Transactional Send API, but don’t worry if you’re a newcomer – applying to join the MJML API beta and creating a Mailjet account are totally free.

Want to say “hi” to the team? Come and chat with us on Twitter.

How To Code An Email Receipt Template With MJML

We are developers, like you. And what we hate above all in coding is to repeat ourselves. So when it comes to writing email templates, we want to provide our users with the best tools to produce content in the most efficient way possible, whether you want to know how to code an e-receipt or just update your welcome emails.

To speed up the development of responsive emails, we’ve already told you about MJML, the open-source email framework we’ve created. If you’re not familiar with it, go check it out right away. You can thank us later.

But even if MJML can help you save quite a lot of time and ease the process, you’ll probably want more. We hear you.

 

A templating language for your transactional emails

Today, flexibility and personalization are a must-have in the email industry. Transactional emails imply more and more complex business logic, and one can often struggle to try to juggle a lot of different templates, when they could just have one personalized email that adapts to several use cases.

Having a separate template for men and another one for women, or creating specific campaigns to recommend different things based on your customer’s previous purchases is not viable. It is in this kind of situations that a templating language comes in handy.

OK, let’s be a bit naive and accept that you could write your own. But to be able to implement a tokenizer and a grammar, you need to have a good knowledge in the field and, at the end of the day, you might just be reinventing the wheel when you could have been focusing on your core business instead…

You could instead use nice libraries such as Handlebars, Jinja or Twig, but then you’ll still need to write or host a dedicated service to handle the templating processing.

Mailjet’s Templating Language

We have the solution. Because at Mailjet we know the value of a fully integrated templating language, we created our own templating language with our Transactional Send API in mind. Our idea: one template to rule them all, just with a single API call.

So, let’s recap: MJML for producing responsive HTML emails without effort, plus a templating language to bring them to life with conditional blocks and variables.

This combo can change your life as a developer. But, enough words, you’ll definitely want some action. So we’ve decided to show you how to create and send awesome transactional emails, step by step.

 

The “How to code” tutorial: what you need to know

We’re rolling out a series of tutorials, all of which will explore a very common use-case, providing numerous examples, code snippets and nice visuals. We’ve even created an easy-to-execute tool, written with NodeJS, to test emails under actual conditions. To use it, you’ll just need valid credentials for both MJML API and Mailjet Transactional Send API, but don’t worry if you’re a newcomer: applying for the MJML API beta and creating a Mailjet account are totally free.

Our “How To Code” series has four parts. Check them out now:

 

How to code a receipt email template: Quick Introduction

From online shoe stores to indie music platforms, any company selling a product online will have to send a receipt. You may think this is a simple task but, actually, there are several elements you’ll need to consider.

Let’s review them briefly, before jumping over to our tutorial, from the more obvious ones to the less:

  1. You will have to loop over the list of items (cart, abandoned cart, recommendations, etc.) and display them.
  2. You need to display the price and may have to do some calculus directly in the email logic (Total, VAT and other taxes). Be careful, as you may use different currencies!
  3. You need to include some basic billing information (billing address, order number, etc.), but you can also provide more personalized information (for instance, you could warn your users that their registered credit card is about to expire).
  4. If there’s shipping, you should display the delivery address.
  5. Your user may have to forward the e-receipt for accounting purposes, so you should ease this workflow.
  6. You can insert marketing content to your receipt, such as a history of previous items or new promotions based on what your user just bought.
  7. If your website supports multiple languages, your emails should too.

Preview of the receipt email template

 

How to code a receipt email template: Over to Github!

Sounds like something you’re already doing? Or are you not sure how to implement some of these elements?

Worry not, we’ll tackle all these needs, and more, in our dedicated Github tutorial for coding email receipt templates with MJML.

On our Github tutorial you’ll find:

  • Detailed explanations.
  • Code samples to implement and adapt.
  • Examples of a receipt email and its different parts.

Ready to see it in action?

Time to jump over to Github.

Github tutorial: How to code a receipt email

 

Mailjet Helps Facilitate Inter-team Collaboration

If you are already a customer or you follow our news, you know that over the past few years we have been taking the use of our tools very seriously, allowing you to better collaborate with your teams.
Now, we have decided to go a step further and offer even more new features:

  • Advanced restrictions
  • Blocked sections
  • Draft mode

More Sophisticated Advanced Restrictions To Share Only What You Choose

Now, you have the possibility of giving access to your account or sub-accounts to other employees. Now, you can go even further in the management of access sharing by selecting advanced restrictions.

Improve exchanges between your teams by giving specific roles to your employees. You can also set who has the right to block sections, manage your gallery or edit your e-mail templates.

In your account, head to My Account > Account Sharing. Here, you can invite new users and set which pages and which of your account features you would like to give them access to.

Let’s take a specific example: you want to invite your designer to create templates on your account, but you don’t want to let her send an email, because you would like to validate each of her creations before they are used.  

Simply select the role “Designer” when you invite her to your account. She can access all the templates but can only save them in ‘Draft’ status. She will also be able to block the formatting of some sections to prevent other employees from modifying them.

EN-Restricted-Access-Menu

If you don’t want to choose one of the predefined roles – Accountant, Developer, Marketer or Designer – you can choose the “Customized” option and individually select the pages or features to which you would like your colleague to have access.

EN-Personalized-Menu

You now know all you need to ensure that your team members only manage actions they are responsible for, according to the roles you yourself will have set.

This feature is available only for Premium subscriptions starting with Cristal. The number of people to which advanced restrictions can be applied is limited based on subscription type.

Block Section Editing

When you edit a template, you can now choose to block one or several of its sections to prevent one of your employees from editing or deleting them. That way, you can better protect the design of your emails and make work easier for your teams. As for your employees, they can focus on tasks that are assigned to them.

  • When you click on a section, blue edges appear:

Locked Sections

  • Click on the lock and a pop-up will appear to let you select the limitations you would like to implement for each section:

EN-menu-Locked-Sections

  • You can choose to:
    • Completely lock the section so that it can no longer be modified or deleted
    • Authorize only changes to text and images so that the formatting of your section can no longer be modified

Users for whom you have not assigned modification rights for the locked sections will be limited when editing a template. If you have completely locked the section, no access will be allowed (as shown in the image below). If you have blocked editing for formatting only, they can update content without having any impact on design.

Section Locked

This feature is only available for Premium subscriptions.

Edit Your Template Safely In Draft Mode

You can now edit your email without needing to publish it. Why is this useful? You can modify your template without worrying about affecting a template which is already in use. While waiting for a template to be validated, you can simply save it as a draft.

EN-Publish_Draft-Templates

Saving a template in draft mode also lets you authorize members of your team to work on it without necessarily granting the right to publish, leaving you as the designated person in charge of publishing the final version.

 

EN-menu-Save-Draft

That way, your marketing templates in draft status won’t be visible in your gallery when you create a new campaign. Additionally, changes made to an automated template won’t be applied to a workflow once it has been published. Lastly, the final ID of a transactional template will not be provided unless you have published it, thus preventing you from affecting an email in production.

You can head right over to your account to implement advanced restrictions and make collaboration easier between your teams.

We hope you like these new features. Feel free to tell us what you think on Twitter.

Manage Your Templates Easily With Mailjet’s Gallery

A few days ago, we came out with quite a few improvements and features. Today, we’re taking a closer look at the ones that involve managing your templates, to help you get the best use out of them. These new features will let you organize yourself better and save precious time.

Template-Gallery

As a reminder, Mailjet gives you free access to more than 50 templates to get inspired, but you can also create your own easily with our intuitive e-mail editor.

Find your templates easily in your Mailjet gallery

Once you’ve created or modified a template, you can save it and find it directly in your gallery. We have improved its interface so you can find the templates that interest you in just a few clicks.

A new scrolling menu to rank your templates

In your gallery, you’ll find a scrolling menu in the top-right corner  that allows you to organize your templates in the order that you like. You can now sort them by alphabetical order, last modified or creation date.

OrderMenu-EN

Advanced search to find the template of your choice

In the top-left corner of your gallery, you now have access to a search field that lets you find one or several templates by searching by name, desired language or applied labels (learn more about labels below).

EN-SearchMenu

Improved management of your templates

If you click on the small nut above your template to the right, you can choose from a variety of options. Since last year, you have been able to export templates to a sub account  or download your template in HTML or MJML in order to make collaboration easier with your teams.

Today, we have added two new options: adding categories and viewing editing history.

Adding categories to your templates

Most of our customers use Mailjet to create newsletters using different themes, and with more than twenty templates, it can be difficult to find your way around.

In order to quickly find the templates you’re interested in using, we have implemented labels. You can now add labels to your templates to easily find them in your gallery using their colour or apply a filter to group them together easily when you are searching for them from the search field.

In your template gallery, above the menu to the right:

  • Click on the Manage labels button

EN-ManageLabels

  • Then on the button Create a label

EN-2-Create-a-Label

  • Give the name of your choice to your label and select a colour, then click on save and your label has been created!

EN-3-NameOfLabel_Color

To add the label to a template:

  • Click on the nut on the template of your choice and then on Assign a label

EN-4-AttributeALabel

  • Select the label of your choice and click Save

EN-5-SelectALabel

  • The label will appear on your template.

EN-6-LabelCreated

This feature is only available for Premium subscriptions.

See publication history for your templates

EN-Preview_History-link

Hover your cursor over the template of your choice and a new “Preview & history” link will appear. Click on it and you’ll land on a template previsualization page where you can find up to the last 5 published versions of your e-mail. That way, if you’re not satisfied with the most recent changes you made to your template or if you want to see what it looked like before you made them, you can easily turn back the clock by selecting a previously published version.

 

History-Dashboard-EN

Now head to your template gallery to test out these new features.

We hope you like these new features. Feel free to tell us what you think on Twitter.

Facilitated Collaboration And Advanced E-mail Template Management, New At Mailjet!

Ho, ho, ho… No, it’s not Christmas yet, but it’s easy to see why you might think so at Mailjet!

Have you been very nice this year? Probably, because today we have six gifts for you that you can unwrap under the tree (the tree being your Mailjet account – play along ;)).

We are proud to announce the arrival of a bunch of improvements and new features. In a few minutes, you will learn about everything you can now benefit from as soon as you next log in.

A more advanced collaboration with Mailjet

In order to prevent the back and forth in the steps leading to template publication, we have implemented features to let you take on the role of each of your team’s members.

  • 🎁 A lock to secure your favorite sections

Locked Sections

Set which employees can edit a template’s sections to protect the content or your design.

This feature is only available for Premium subscriptions.

  • 🎁 Advanced restrictions for better collaboration

EN-Personalized-Menu

 

Improve collaboration between your teams using advanced settings to define who has the right to block sections, manage your gallery or edit your templates.   

This feature is only available for Premium plans, on Crystal and above.

A more advanced template management

To prevent errors and make it easier to fix them, here are two new features that will put your mind at ease.

  • 🎁 Publication history to go back in time

History-Dashboard-EN

Select the template of your choice and see up to five previous versions published, allowing you to go back to a previous version at any moment.  

  • 🎁 Draft status for your templates

EN-menu-Save-Draft

Save changes to your templates without needing to publish them by using Draft mode. That way, you can work on your Marketing, Automated or Transactional email templates without affecting those already in production. Additionally, you can allow some members of your team to continue working on drafts without granting them the right to publish.

Better organization, effortlessly

Since we know that there is nothing greater than immediately finding what you’re looking for, these features let you gain precious time:   

  • 🎁 Advanced search to find things in the bat of an eyelash

EN-SearchMenu

In your gallery, you now have access to a search field that lets you find templates or template categories by simply typing the name, the desired language or the label of your choosing.

OrderMenu-EN

We also added a new scrolling menu to let you organize your templates the way you like. You can now sort them in alphabetical order, or by last modified or creation date.

  • 🎁 Labels to better organize your template gallery

FR-6-LabelCreated

You can now add labels to your templates to easily find them in your gallery using their color or apply a filter to group them together easily when you are searching for them in the search field.

This feature is only available for Premium subscriptions.

So, isn’t it time to go make a hot chocolate, set your computer on your lap(yes, using it as a heating pad is a well-known trick) and unwrap all your gifts?

Stay tuned – in the next few days, we will present these new features in greater detail so that you can get the most out of them.

Come meet us in person at Mailjet ! :)
While you wait, tell us what you think of your gifts on Twitter and who knows, maybe some new gifts will land under the tree before Christmas ;).

The Ultimate Guide To Holiday Emailing

The Ultimate Guide To Holiday Emailing

For the email marketer, the holiday season is here and it’s time for all of us to get ready to make the most of it. And no, it’s not just about dusting off our Christmas jumpers and lighting up the whole neighborhood with our festive decorations. It’s also about putting together amazing campaigns that will help us to embrace the holiday feeling to build our brand and drive sales.

This year, we’ve combined all our Holiday resources in one, to create your one-stop shop to win the battle of the inbox this season. In our Ultimate Guide To Holiday Emailing, you will learn how to create amazing content for your campaigns, you’ll find great design tips from some of our friends in the industry, and get inspiration from great email examples by top brands.

We’ll help you define a Holiday Email Strategy that will win your customers over, with all you need to know, from setting your goals to that last-minute checklist.

 

Contents:

  1. Setting goals for the holiday season
  2. Crafting irresistible email content
  3. Designing beautiful holiday emails
  4. Brands that rocked the holiday inbox
  5. Mailjet’s Holiday email checklist

 

Only want to have a look at one specific part? Click on the links to download our Content, Design and Email Examples extracts.

Download Mailjet’s Ultimate Guide To Holiday Emailing and prepare to learn from great email examples, discover amazing design tips and get your team together to craft engaging content.

We’re sure you’ll love it, so make sure you’re spreading the word and letting people in on our little secret by sharing on Twitter, Facebook and LinkedIn!