Import and author HTML email content with the message editor

Learn how to import existing HTML content, tweak the design, add mirror page and unsubscribe links, and how to code your content.

Transcript
In this video, we are going to learn how to import and author email content.
We are going to see how to import an existing HTML content, how to tweak its design by doing in-place edition, how we can add a mirror page link to view the web version of the email, how to do an unsubscription link to an external landing page. And finally, we will see also how we can quickly copy/paste an email HTML code or create emails directly with the HTML code.
So here, I’m editing a message and I will click in the email designer to edit the email body.
So I’m presented with a few options to create it and the one we will focus on now is the import HTML.
So here, I have the ability to either drag and drop, or select a file. And one option is to select a zip file that contains both the HTML but also the set of images for that email. And what this will do is that all these images are going to get uploaded to our asset library, and we are going to host these images for you. Another option is to change your design. And then again, we’ll go into, you know, the import HTML option. And this time instead of selecting a zip file, we’re going to select an HTML file.
So the difference here is that we just load the HTML but the images are still hosted in their original location.
Once that is done, we offer a visual edition experience where you can quickly edit your content. We call it in-place edition, where you can just tweak your text. You can always add some personalization, and you can also replace images. So thanks to our asset library, you will quickly be able to select other images from your library and just replace them.
So, for example here, let me select this one, and the image is going to be replaced.
We will also be able to add a mirror page link. So let’s say here at the end of my email, I want to send you online… I can select this, go into insert link, select the type mirror page, and that way my customer will be able to view a web version of my email.
Another thing I can do is I can add an unsubscription link.
Or let’s say here, this time I select the type unsubscription link.
And what this will do is that you can set up the link to your external landing page here, and we will append the profile parameters to this so that you can take care of unsubscribing the right profile. Now let’s see how we can also create this email in a different manner, which is the code your own option.
So in this option you are presented directly, you know, with a code editor, and if you have your HTML code somewhere else, you can quickly copy/paste it. You can also directly edit this here. You have access to all our personalization capabilities on the left. You have the ability to switch between the text version and the code version, and you have the ability also to go into the preview to start previewing this message in a visual manner.
A few things here, we have the option to validate the code which is going to validate both the HTML but also the personalization. And you have the option to switch between light or dark mode.
So with that, we’ve learned how we can import an existing HTML content, how we can quickly tweak this design, how we can add a mirror page link and unsubscription link to an external landing page, but also how we can create or copy/paste email code directly with the code editor.
recommendation-more-help
7e382214-bd30-4de2-bc8b-f6f6e7182305