Разделы и статьи

Как добавить ссылку и изображение в Email-рассылку

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

 

Ссылка

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

email_link_img_01.png

 

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

email_link_img_02.png

 

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

email_link_img_03.png

 

Изображение

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

email_link_img_04.png

 

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

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

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

email_link_img_05.png

 

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

email_link_img_06.png

 

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

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

email_link_img_07.png


Как настроить обтекание текста вокруг картинки в 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>  код изображения с заданными параметрами.


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


Обратите внимание: необходимо помнить, что почтовые сервисы могут по своему интерпретировать написанный код. Для справки: к примеру, Рамблер иногда меняет цвет письма, шрифты и символы в письмах. Также для данного редактора нельзя заводить классы стилей css, нужно оперировать тегом style у элемента.

Отправляйте ссылки на оплату прямо на телефон гостя

Принимайте оплату через инструмент TL: Order Management: минута, и оплата прошла. Создавайте ссылки на оплату туров, товаров и услуг или списывайте деньги за брони в один клик.
Начать отправлять ссылки
Отправляйте ссылки на оплату прямо на телефон гостя