Как добавить ссылку и изображение в email-рассылку в разделе «Маркетинг»

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

Особенности

• В редакторе писем нельзя заводить классы стилей css, нужно оперировать элементом style.

• Некоторые почтовые сервисы могут по-своему интерпретировать написанный код. Например, Рамблер иногда меняет цвет письма, шрифты и символы в письмах.

• Некоторые почтовые сервисы не открывают изображения в письмах.

Ссылка

Выделите текст, который вы хотели бы сделать ссылкой, и нажмите кнопку «Добавить/Изменить ссылку»:

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

В поле «Цель» выбирается способ открытия ссылки — в текущем окне или в новом. Подсказка отображается при наведении на ссылку в письме:

Изображение

Нажмите на кнопку «Редактировать HTML код»:

Откроется «Редактор HTML кода». Для добавления изображения используйте следующий код:

<p><img src=""></p>

В кавычки вставьте ссылку на изображение, расположенное на вашем сайте, и нажмите на кнопку «Обновить»:

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

Ссылка в изображении

Вы можете добавить ссылку к изображению — при клике на изображение произойдет переход по указанному вами адресу. Для этого выделите изображение в текстовом редакторе и нажмите на кнопку «Добавить/Изменить ссылку»:

Как настроить обтекание текста вокруг картинки в welcome-письме

1. В блоке «Текст приветствия» выберите пункт «Редактировать HTML-код»:

2. Вставьте код следующего вида:

<p><img class="letter-image" style="float: left; margin: 7px 7px 7px 0;" src="https://......./passport.jpg" alt="Паспорт" /></p>
<p>Для регистрации в отеле необходим оригинал внутреннего паспорта гражданина РФ, для детей до 14 лет — оригинал свидетельства о рождении, для иностранных граждан — оригинал паспорта с действительной визой, а также миграционная карта.</p>

где <p><img class="letter-image" style="float: left; margin: 7px 7px 7px 0;" src="https://......./passport.jpg" alt="Паспорт" /></p> — код изображения с заданными параметрами.

В письме изображение встанет на левую часть страницы, а текст переместится по правую сторону от него: