Как добавить картинку в письмо

В блочном редакторе:

  1. Выберите или добавьте секцию, в которой будет размещена картинка.
  2. На панели слева выберите тип контента: “Картинка”. Удерживая, перетащите его в нужную секцию письма.
  3. Нажмите кнопку Загрузить изображение и выберите изображение со своего компьютера.
  4. Если вы хотите, чтобы клик по картинке переводил подписчика на сайт, то на панели инструментов над картинкой нажмите кнопку добавить/редактировать ссылку и укажите страницу сайта, на которую следует переводить подписчика. Ссылку указывайте полностью. Пример: http://site.ru.

Для более точного управления положением картинки в шаблоне можно задать отступы с каждой стороны в настройках картинки, которые находятся на панели управления слева.

В готовом HTML-коде:

Если после вставки кода письма в специальное поле вы увидели в предпросмотре на месте картинок пустые области – значит, в коде не прописаны ссылки на изображения. Чтобы прописать ссылки, сделайте следующее:

  1. Загрузите картинки, которые прилагаются к шаблону, в раздел Рассылки – Файлы.
  2. В списке файлов нажмите на значок «...» в конце строки с названием картинки и выберите пункт Скопировать ссылку на файл. Ссылка будет скопирована в буфер обмена.
  3. Вернитесь на вкладку редактирования рассылки. Кликните на то место в шаблоне, где должна быть картинка. В левой части страницы подсветится место в коде, где должна быть прописана эта картинка. Замените название картинки вида «logo.png» на полную ссылку, которая находится в вашем буфере обмена.

Пример:

Было: <img src="logo.jpg" alt="" >

Стало: <img src="http://image.sendsay.ru/image/login/2016/01/05/logo.png" alt="">

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

В коде с нуля:

Чтобы получить готовый html-код для вставки картинки в письмо, сделайте следующее:

  1. Загрузите картинку в раздел Рассылки – Файлы.
  2. В списке файлов нажмите на значок «...» в конце строки с названием нужного файла и выберите пункт Скопировать HTML-код. Код будет скопирован в буфер обмена.
  3. В поле для html-кода в нужное место письма вставьте скопированный код. Получится такая строчка:

<img src="http://image.sendsay.ru/image/login/2016/01/05/logo.png" alt="">.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0
Еще есть вопросы? Отправить запрос