Email marketing templates make the lives of email marketing professionals easier and sending campaigns a lot less worrying. By using these templates, editing messages is much quicker and the purpose as well as timing of each email, is much clearer. Since many email campaigns are sent frequently (think about your monthly newsletter, and the subsequent campaigns that follow), it is very practical to be able to use the same template, merely changing the message’s content as and when needed.
We often receive support tickets (have any doubts? Talk to us at email@example.com) from clients that have created or hired someone to create an amazing template, but have difficulty using it because, in order to edit it, they have to go to the original HTML. Let’s face it: editing HTML can be exhausting, time-consuming and an extremely cumbersome process and you often end up with a severe headache. In these cases, we often advise clients to create certain editable elements, so that when they’re using their templates on Mailee, they’ll be able to add and edit content as and when they wish.
Practical, don’t you think?
This tutorial will show you how to create an editable template for Mailee.me – how to make elements editable and how to create repetition blocks.
Creating Editable HTML Elements
In order to make an HTML element editable, you must add a class (a class attribute in HTML is used to classify similar elements) to it. Let’s say you want to use an image in your template, that will be modified according to the email you send.
To make an image editable, you can write the following line:
img scr=”imagem.png” class=”edit”
Now, if you want to make a sentence editable, a small block of text that can always be modified, you can also do it by using the “edit” class:
p style=”font-family: arial; font-size: 12px” class=”edit” Novidades sobre email no Blog do Mailee /p
Creating Repetition Blocks
Repetition blocks are also editable elements, but, an added advantage here is that they can repeated several times in your email. You can create a repetition block with more than one element: let’s say you’re designing a newsletter with several updates. Using repetition blocks, you can just code one of them and then repeat them when editiing the message.
This way, you can have a simple structure and repeat the content instead of creating all the blocks from scratch. In order to create a repetition block, you’ll need to use a div structure wrapping all the elements you want in the block. So, if you want to have an image + text block, you can code the following structure:
div class=”repeat” id=”updates” title=”news”
p style=”font-family:arial; font-size:12px” Awesome text /p
img src=”imagem.png” alt=”Image” /div
On the following line, you could use –
div class=”repeat” id”updates” title=”news”
Be careful not to use the same title in more than one repetition block because you’ll have problems to edit the message.
How to use a Template with Repetition Blocks?
When you use a template with repetition blocks, your screen will look like this:
Each button is one of the blocks that you can add to your email. After adding a block, you can edit texts and images as usual.
Want to try creating messages with repetition blocks and transform your email marketing efforts easily and effortlessly? Start right now by creating an account on Mailee.me!