[contact-form-7 id="24085" title="Feedback RU"]

Как редактировать шаблоны для электронной почты и рассылок

Этот туториал покажет, как редактировать шаблон для электронной почты.

How to edit Newsletter & Email Templates

  1. Шаблон для электронной почты является HTML-страницей, которую можно редактировать в любом HTML-редакторе, например, SublimeText, Dreamweaver, Notepad++.
    Мы открыли .html файл в редакторе Dreamweaver. Следует отметить, что в режиме «Дизайн» страница может отображаться некорректно или может выводиться не все содержимое страницы. В таких случаях необходимо использовать режим «Кода».

    How to edit Email Template-1

  2. Вы можете использовать Firebug, плагин для веб-разработчика, чтобы найти необходимую строку HTML/CSS кода для редактирования желаемого элемента на странице. Более подробную информацию об этом плагине вы найдете по следующей ссылке.

  3. Давайте изменим цвет заголовка пункта меню. Найдите необходимую для редактирования строку CSS кода с помощью плагина Firebug или просто выделите заголовок в режиме «Код и дизайн» в Dreamweaver. Онлайн генераторы цвета помогут создать HEX-код желаемого цвета.

    How to edit Email Template-2

  4. Теперь мы отредактируем текст. Скопируйте желаемый текст и найдите его в .html файле с помощью функции поиска в редакторе. Вы также можете изменить текст в режиме «Код и дизайн».

    .

    How to edit Email Template-3

  5. Давайте изменим изображения. По умолчанию, изображения находятся в папке «images» в архиве шаблона. Мы рекомендуем использовать картинки с такими же размерами, как и картинки шаблона. Просто замените оригинальные изображения шаблона вашими изображениями, сохраняя имена и расширения файлов.

    How to edit Email Template-4

  6. Теперь мы изменим фон. Найдите необходимую для редактирования часть кода с помощью Firebug.

    How to edit Email Template-5

  7. Измените код цвета в .html файле.

    How to edit Email Template-6

  8. И напоследок отредактируем название компании (логотип). В нашем случае логотип представлен текстом «Hotelroom». Вы можете просто изменить этот текст в .html файле.

    How to edit Email Template-7

Вы также можете воспользоваться детальным видео туториалом:

Как редактировать шаблоны для электронной почты и рассылок