How to edit Newsletter & Email Templates

This tutorial shows how to edit Newsletter Email Templates.

1. E-mail template is html page that can be edited in html editors like SublimeText, Dreamweaver, Notepad++. We have opened html file in Dreamweaver. Please note that Design mode may not render all content or do it improperly. You will need to use Code mode in such cases.

   

2. You can use Firebug developer plugin in order to locate HTML/CSS code for specific element. You can find more information regarding firebug software here.

3. Now we are going to change color of menu title. You can locate appropriate part of code in Firebug. You may also locate code by selecting text in Design mode. You can use on-line services in order to get hex color codes. We have changed color of menu title.

   

4. Let’s change text. You may copy text and search it in html file (using editor’s search function). Alternatively, you may replace text in a Visual mode

   .

5. Let’s change images. By default, images are located in “images” folder of the template. We recommend that you use images with the same resolution as original ones. You can simply replace original images with the new ones. Keep the same file name and extensions.

   

6. Let’s change background. Locate appropriate part of code using Firebug.

   

7. Locate appropriate code and change color in html file.

   

8. In our case company name is represented by Hotel and room text. You can change it in html file.

   

Feel free to check the detailed video tutorial below: