Top.Mail.Ru
Курс «10 задач на фрилансе»
Начните зарабатывать на нейросетях уже завтра
Урок №6
«Написание и верстка рассылок»
Это те самые письма от компании, обращенные лично к вам или просто к любимым клиентам: напоминания о времени курсов, промокоды для скидок и подарков и так далее. И чтобы эти письма не удалялись, не читая, они должны быть классными. Значит, наша задача — не просто дать какую-то информацию о скидках и прочем, а сделать все по высшему разряду. Давайте делать!

Нам понадобится наша несравненная ChatGPT и еще один сервис — Makemail. Это конструктор, который предназначен для создания писем и рассылок. У нас есть специальная инструкция по регистрации и созданию шаблонов. В принципе, вы можете использовать и другой аналогичный сервис; они все работают более-менее по одному принципу. Но Makemail бесплатный, удобный и интуитивно понятный, так что если вы раньше подобными задачами не занимались, можно начать с него.

Создаем текст рассылки

Вернемся к нашему примеру про компанию косметики и ее пост с промокодом. Берем пост, который мы попросили написать для Telegram: он более информативный. Копируем пост и вставляем его в ChatGPT после следующего текста.

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

Получилось неплохо. С одной стороны, по содержанию похоже на наш пост, с другой — изменилось оформление: ChatGPT убрал лишние эмодзи, оставил внизу место для названия компании и задал тему письма. Для тестовой задачи, где у нас нет никаких дополнительных данных о компании, вышло отлично. Но нам мало просто создать информативную рассылку, давайте сделаем ее красивой.

Верстаем рассылку

Заходим в Makemail. Он сразу показывает вам галерею шаблонов писем на все случаи жизни: для Нового года, Черной пятницы, сезонных распродаж и так далее. Берем нужный шаблон и нажимаем «Редактировать». В шаблоне можно менять практически всё: добавлять новые блоки с картинками, видео и прочим, заменять текст и изображения, по-разному располагать элементы на странице и так далее. Просто глаза разбегаются!

В шаблоне у нас есть подзаголовок под темой, а вот в тексте рассылки ее нет. Давайте вернемся в ChatGPT и исправим это:

Добавь к этой рассылке подзаголовок

Размещаем где нужно заголовок и подзаголовок, убираем из них большие буквы. Сам текст рассылки вставляем в тело письма. Можно немного поиграться со шрифтами и добавить фон к тексту, чтобы он лучше читался. Можно менять и изображения: либо загрузить изображение с компьютера, либо по ссылке из интернета, выбрав «Копировать ссылку на изображение». Важно, чтобы это был именно графический файл: какой-нибудь webp Makemail подгрузить не сможет. Вставляем нашу картинку через «Заменить картинку». Также можно заменить фон тела письма.

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

Вверху письма есть блоки “Каталог”, “Новинки”, “Блог” и “Акции”, а также логотип компании. Внизу — контакты нашей компании в разных соцсетях, адрес и телефон, а также информация для клиентов, почему они получили это письмо, и вариант отписаться от рассылки. Это все тоже можно менять и убирать.
По итогу у нас получилось классная рассылка. Можно сохранять результат, хотя тут есть автосохранение, так что рассылка в любом случае не потеряется. Но перед этим давайте ее потестируем. В блоке “Тестирование” выберите “Предпросмотр”, чтобы посмотреть, как ваша рассылка будет выглядеть на экране компьютера и телефона. Телефон, кстати, можно вращать, чтобы посмотреть горизонтальное отображение рассылки. Если нам что-то не нравится, возвращаемся в “Редактировать”. Если все хорошо, нажимаем “Сохранить”.

Работаем с кодом рассылки

Программа сразу генерирует нам код HTML и предлагает отправить письма через NotiSend. Но мы пойдем другим путем.

Копируем HTML и скачиваем для отправки рассылок сервис Thunderbird или любой его аналог. Создаем письмо. Прописываем “Кому”, “Тему” и на верхней панели нажимаем кнопку “Вставить” – “HTML…”, вставляя наш готовый код из Makemail.

Путь не самый простой, но мы справились, и наша красивая рассылка готова! Вы можете отправить ее заказчику на проверку. Если все подходит, то отправьте ему этот HTML-код.