menu

Как в UniSender добавить красивую плашку и кнопку в фон письма

Инструкция от email-маркетолога Алисы Киричок

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

Gold-партнер UniSender
Как в UniSender добавить красивую плашку и кнопку в фон письма 1 Стать партнером

Например, вот такой:

Красивая плашка в UniSender

Или такой:

Еще красивая плашка

Кратко расскажу, как это сделать в UniSender.

Как это сделать

Шаг 1. Открываем блочный редактор сервиса.

Блочный редактор UniSender

Шаг 2. Ставим контейнер на 3 колонки.

Выбираем "Колонки" в левом меню

Шаг 3. Подгружаем фоновый рисунок. Размер — под ширину письма, не меньше 600 пикселей.

Настраиваем положение фото в фоне

Шаг 4. Делаем среднюю колонку максимально большой — или в панели настройки, или просто перетаскивая границы. UniSender позволяет сделать соотношение колонок 20:60:20.

Максимально большая колонка

Шаг 5. Ставим в среднюю колонку блок «Текст». Задаем фон и цвет текста.

Задаем фон и цвет текста

Шаг 6. Добавляем кнопку. Фон кнопки по умолчанию прозрачный. Поэтому она уже эффектно выглядит. Подбираем цвет кнопке и шрифту.

Подбираем цвет кнопке и шрифту

Вуаля!

Осталось отправить себе тестовое письмо, внести правки и удивлять читателей!

P.S. Такий блоки подойдут даже самым суровым отраслям.

Плашка для Челябинского трубопрокатного завода

PPS. Мы хотим сделать рубрику с разными хитростями и советами, как пользоваться сервисом. Если это будет вам полезно, поставьте плюс в комментариях. Будут плюсы — сделаем.

  • kit

    + (просто «+» поставить невозможно, минимальная длина сообщения — 2 символа) Тестирование на всех этапах — путь к победе :))))

    • И правда, не менее двух) Спасибо, скоро сделаем для советов по UniSender отдельную рубрику.

  • Rem Deagle

    +!

  • Арсентьева Марина

    +, ждем)

  • Olga Fediakova

    + очень помогает

  • Владислав Анисимов

    + очень полезно

  • Татьяна Богачева

    + очень полезно

  • Роман Вицлебен

    + (если использовать этот блочный редактор), лучше конечно же использовать нормальный редактор, благо таких сервисов море. А готовый код уже вставлять в юнисендер. Лично мне эта методика помогла создавать письма гораздо более презентабельные и раз в пять быстрее.