[contact-form-7 id="24078" title="Feedback EN"]

How to edit Newsletter & Email Templates

This tutorial shows how to edit Newsletter Email Templates.

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.

    How to edit Email Template-1

  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.

    How to edit Email Template-2

  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

    .

    How to edit Email Template-3

  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.

    How to edit Email Template-4

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

    How to edit Email Template-5

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

    How to edit Email Template-6

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

    How to edit Email Template-7

Feel free to check the detailed video tutorial below:

How to edit Newsletter & Email Templates