Ссылки, картинки и кнопки в Email-рассылке
Как сделать письмо живым: добавить картинку акции, кнопку «Забронировать» и ссылку — всё в один клик из панели редактора.
Зачем это нужно
Письмо без картинок и кнопок выглядит сухо — гость пробегает глазами и закрывает. Письмо с фото номера, броской кнопкой и ссылкой на сайт — читается, обсуждается и доводит до брони.
Хорошее правило: в каждом письме одна-две картинки + одна большая кнопка действия. Этого достаточно — перегружать не нужно.
Где находится редактор
Откройте Маркетинг → Email-маркетинг и нажмите «Создать кампанию». Под полем «Текст письма» появится панель из 7 кнопок:
Слева направо:
| Кнопка | Что делает | |---|---| | Жирный | выделяет жирным выбранный текст | | Курсив | делает текст наклонным | | Заголовок | вставляет крупный заголовок (например, «Спецпредложение») | | 🔗 Ссылка | вставляет ссылку — нужно указать адрес и подпись | | 🖼 Картинка | вставляет картинку по адресу | | 🖱 Кнопка | вставляет большую яркую кнопку-ссылку | | 👁 Предпросмотр | показывает, как письмо увидит гость |
Шаг 1. Добавить картинку
- Нажмите 🖼 Картинка в панели.
- В первом окошке введите адрес картинки — например,
https://мой-отель.ru/photo.jpg. - Во втором — подпись (что показать, если картинка не загрузится). Например, «Скидка 20% этим летом».
- Картинка появляется в тексте. В предпросмотре сразу видно как она будет смотреться.
Где взять адрес картинки? Если у вашего отеля есть сайт — откройте картинку на сайте, кликните правой кнопкой → «Копировать адрес изображения». Если нет — загрузите фото на бесплатные сервисы (Imgur, Postimages) и скопируйте адрес.
Шаг 2. Добавить ссылку в тексте
Например, фраза «Подробности на нашем сайте» должна быть кликабельной.
- Выделите слова, которые хотите сделать ссылкой (необязательно — можно вставить и пустую).
- Нажмите 🔗 Ссылка.
- В первом окошке — адрес (например,
https://мой-отель.ru/leto). - Во втором — что показать гостю (например, «Подробности тут»).
- Готово — ссылка вставлена. В предпросмотре она будет синей и подчёркнутой.
Шаг 3. Добавить кнопку «Забронировать»
Главное действие в письме лучше оформить большой яркой кнопкой — её невозможно не заметить.
- Поставьте курсор там, где должна быть кнопка (обычно — после картинки и пары строк описания).
- Нажмите 🖱 Кнопка.
- Куда вести — адрес виджета бронирования (например,
https://hotelos2.ru/book/мой-отель). - Что написать — короткий призыв («Забронировать», «Получить скидку», «Посмотреть номера»).
- Кнопка появилась — в предпросмотре она крупная, синяя, на отдельной строке.
Шаг 4. Проверить в предпросмотре
Нажмите 👁 Предпросмотр — под редактором появится белая панель «Так увидит гость в почте» с настоящим оформлением: жирный шрифт, картинки, кнопка.
Если что-то не так — поправьте текст и предпросмотр обновится сам.
Подсказки
- Не вставляйте больше двух картинок в одно письмо. Тяжёлые письма медленно открываются на мобильном.
- Адрес картинки должен начинаться с https:// — если http (без s), некоторые почтовые программы её не покажут.
- Кнопка → одна на письмо. Гость должен понимать «что главное сделать». Две кнопки рассеивают внимание.
- Текст ссылки описывает действие, а не URL. Хорошо: «Забронировать номер». Плохо: «нажмите сюда» или просто
https://...long...url. - Перед отправкой — отправьте тест себе. Откройте на телефоне → посмотрите как смотрится → только потом запускайте на всю базу.
Частые вопросы
Можно ли менять цвет кнопки? Сейчас цвет один — синий, под фирменный стиль Hotel OS2. Это сознательное решение: одинаковые кнопки во всех письмах создают узнаваемость.
Картинка не отображается у гостя — что делать?
- Проверьте, что адрес начинается с
https://и открывается в браузере. - Некоторые почтовые клиенты (Gmail, Outlook) блокируют картинки по умолчанию — гость увидит подпись и кнопку «Показать изображения».
- Не используйте картинки из закрытых сервисов (Google Drive, Яндекс.Диск со ссылкой «для просмотра») — у получателя они не загрузятся.
Можно ли вставить видео? Видео в письмах не работает в большинстве почтовых программ. Лучше: вставьте превью-картинку с треугольником play и сделайте её ссылкой на видео на YouTube или вашем сайте.
Случайно нажал «Картинка», но не хочу её — что делать? Просто удалите строку
Что увидит гость, если открыл письмо без интернета? Текст и кнопки сохранятся (с обычным синим цветом). Картинки покажутся как только появится связь.
Эта статья была полезна?