HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Обзор посвящён сервису Mailtrap. Он помогает тестировать письма на стадии разработки и защищает ваших клиентов от случайного получения тестовых писем.</p>
1 <p>Обзор посвящён сервису Mailtrap. Он помогает тестировать письма на стадии разработки и защищает ваших клиентов от случайного получения тестовых писем.</p>
2 <h2>Содержание</h2>
2 <h2>Содержание</h2>
3 <ul><li><a>Зачем нужен Mailtrap: безопасное тестирование писем</a></li>
3 <ul><li><a>Зачем нужен Mailtrap: безопасное тестирование писем</a></li>
4 <li><a>Что может Mailtrap: spam score, анализ HTML, интеграции</a></li>
4 <li><a>Что может Mailtrap: spam score, анализ HTML, интеграции</a></li>
5 <li><a>Как отправлять тестовые письма с помощью Mailtrap: простые настройки</a></li>
5 <li><a>Как отправлять тестовые письма с помощью Mailtrap: простые настройки</a></li>
6 <li><a>Заключение</a></li>
6 <li><a>Заключение</a></li>
7 </ul><h2>Зачем нужен Mailtrap: безопасное тестирование писем</h2>
7 </ul><h2>Зачем нужен Mailtrap: безопасное тестирование писем</h2>
8 <p><a>Mailtrap</a>- сервис безопасного тестирования писем. Он помогает разработчикам решать следующие задачи:</p>
8 <p><a>Mailtrap</a>- сервис безопасного тестирования писем. Он помогает разработчикам решать следующие задачи:</p>
9 <ul><li>защита клиентов и подписчиков от получения тестовых писем;</li>
9 <ul><li>защита клиентов и подписчиков от получения тестовых писем;</li>
10 <li>автоматический подсчёт рейтинга спамности (spam score) рассылки до отправки реальным пользователям;</li>
10 <li>автоматический подсчёт рейтинга спамности (spam score) рассылки до отправки реальным пользователям;</li>
11 <li>проверка HTML писем и отображения на экранах с разным разрешением;</li>
11 <li>проверка HTML писем и отображения на экранах с разным разрешением;</li>
12 <li>удобная сортировка тестовых сообщений при работе с несколькими проектами;</li>
12 <li>удобная сортировка тестовых сообщений при работе с несколькими проектами;</li>
13 <li>совместное тестирование рассылок.</li>
13 <li>совместное тестирование рассылок.</li>
14 </ul><p>Схема работы Mailtrap: разработчик создаёт тестовый электронный ящик, настраивает почтовый сервер и отправляет пробные письма. Все сообщения гарантированно попадают в тестовый электронный ящик. Здесь можно увидеть рейтинг спамности письма, проанализировать исходный код.</p>
14 </ul><p>Схема работы Mailtrap: разработчик создаёт тестовый электронный ящик, настраивает почтовый сервер и отправляет пробные письма. Все сообщения гарантированно попадают в тестовый электронный ящик. Здесь можно увидеть рейтинг спамности письма, проанализировать исходный код.</p>
15 <p>Mailtrap - платный сервис. Есть бесплатный тариф, но он предназначен только для личных некоммерческих проектов. Стоимость платных пакетов начинается с 9,99 долларов США в месяц.</p>
15 <p>Mailtrap - платный сервис. Есть бесплатный тариф, но он предназначен только для личных некоммерческих проектов. Стоимость платных пакетов начинается с 9,99 долларов США в месяц.</p>
16 <p><em>Тарифные планы Mailtrap</em></p>
16 <p><em>Тарифные планы Mailtrap</em></p>
17 <blockquote><p>Важно! Mailtrap открывает доступ к расширенным возможностям сервиса некоммерческим проектам, которые делают продукты с открытым исходным кодом. Чтобы получить преференции, необходимо документально подтвердить статус неприбыльной организации.</p>
17 <blockquote><p>Важно! Mailtrap открывает доступ к расширенным возможностям сервиса некоммерческим проектам, которые делают продукты с открытым исходным кодом. Чтобы получить преференции, необходимо документально подтвердить статус неприбыльной организации.</p>
18 </blockquote><p>Подробнее о функциональности Mailtrap дальше.</p>
18 </blockquote><p>Подробнее о функциональности Mailtrap дальше.</p>
19 <h2>Что может Mailtrap: spam score, анализ HTML, интеграции</h2>
19 <h2>Что может Mailtrap: spam score, анализ HTML, интеграции</h2>
20 <p>После регистрации пользователь получает доступ в личный кабинет. Здесь можно создавать проекты и тестовые папки "Входящие" (инбоксы). Над проектами можно работать совместно с другими пользователями. Эта функция доступна платным подписчикам.</p>
20 <p>После регистрации пользователь получает доступ в личный кабинет. Здесь можно создавать проекты и тестовые папки "Входящие" (инбоксы). Над проектами можно работать совместно с другими пользователями. Эта функция доступна платным подписчикам.</p>
21 <p>Владельцу свободной подписки Mailtrap выделяет один инбокс размером 5 МБ. В нём можно хранить до 50 писем одновременно. В месяц владелец бесплатного ящика может получить до 500 писем.</p>
21 <p>Владельцу свободной подписки Mailtrap выделяет один инбокс размером 5 МБ. В нём можно хранить до 50 писем одновременно. В месяц владелец бесплатного ящика может получить до 500 писем.</p>
22 <p><em>Интерфейс личного кабинета</em></p>
22 <p><em>Интерфейс личного кабинета</em></p>
23 <p>В инбоксе доступны данные для настройки SMTP и POP3. Они понадобятся для конфигурации тестовых рассылок.</p>
23 <p>В инбоксе доступны данные для настройки SMTP и POP3. Они понадобятся для конфигурации тестовых рассылок.</p>
24 <p><em>Данные для настройки SMTP</em></p>
24 <p><em>Данные для настройки SMTP</em></p>
25 <p>Также в тестовой папке "Входящие" есть список интеграций. С помощью выпадающего меню можно выбрать подходящий вариант. Mailtrap интегрируется с Ruby on Rails,<a>Django</a>, Laravel, Yii2, Zend, WordPress и так далее.</p>
25 <p>Также в тестовой папке "Входящие" есть список интеграций. С помощью выпадающего меню можно выбрать подходящий вариант. Mailtrap интегрируется с Ruby on Rails,<a>Django</a>, Laravel, Yii2, Zend, WordPress и так далее.</p>
26 <p><em>Выбор нужной интеграции</em></p>
26 <p><em>Выбор нужной интеграции</em></p>
27 <p>На вкладке Email Address есть тестовый электронный адрес. На него можно отправлять письма вручную. Функция недоступна на тестовом тарифе.</p>
27 <p>На вкладке Email Address есть тестовый электронный адрес. На него можно отправлять письма вручную. Функция недоступна на тестовом тарифе.</p>
28 <p><em>На платном тарифе пользователю доступен тестовый электронный адрес</em></p>
28 <p><em>На платном тарифе пользователю доступен тестовый электронный адрес</em></p>
29 <p>Платная подписка позволяет автоматически форвардить тестовые письма на реальные электронные адреса. Настройки доступны на вкладке Auto Forward. Сообщения можно пересылать на конкретные адреса или на все электронки выбранного домена, например, @hexlet.io.</p>
29 <p>Платная подписка позволяет автоматически форвардить тестовые письма на реальные электронные адреса. Настройки доступны на вкладке Auto Forward. Сообщения можно пересылать на конкретные адреса или на все электронки выбранного домена, например, @hexlet.io.</p>
30 <p><em>Настройки автоматического форвардинга</em></p>
30 <p><em>Настройки автоматического форвардинга</em></p>
31 <p>На вкладке Manual Forward можно вручную пересылать тестовые письма на реальные адреса. На вкладке Team Members можно поделиться инбоксом с членами команды. Функции доступны после оформления платной подписки.</p>
31 <p>На вкладке Manual Forward можно вручную пересылать тестовые письма на реальные адреса. На вкладке Team Members можно поделиться инбоксом с членами команды. Функции доступны после оформления платной подписки.</p>
32 <p>Чтобы проанализировать тестовое письмо, выберите его во входящих.</p>
32 <p>Чтобы проанализировать тестовое письмо, выберите его во входящих.</p>
33 <p><em>Выбираем нужное письмо</em></p>
33 <p><em>Выбираем нужное письмо</em></p>
34 <p>На вкладке HTML можно оценить внешний вид письма. Чтобы увидеть, как выглядит сообщение на девайсах разного типа, нажмите отмеченную на иллюстрации иконку.</p>
34 <p>На вкладке HTML можно оценить внешний вид письма. Чтобы увидеть, как выглядит сообщение на девайсах разного типа, нажмите отмеченную на иллюстрации иконку.</p>
35 <p><em>Проверяем отображение письма</em></p>
35 <p><em>Проверяем отображение письма</em></p>
36 <p>На открывшейся странице можно проверить адаптивность письма.</p>
36 <p>На открывшейся странице можно проверить адаптивность письма.</p>
37 <p><em>Проверяем отображение письма на экранах с разным разрешением</em></p>
37 <p><em>Проверяем отображение письма на экранах с разным разрешением</em></p>
38 <p>На вкладке HTML Source можно увидеть письмо в формате HTML.</p>
38 <p>На вкладке HTML Source можно увидеть письмо в формате HTML.</p>
39 <p><em>Смотрим HTML</em></p>
39 <p><em>Смотрим HTML</em></p>
40 <p>На вкладке Raw доступны необработанные данные, полученные с SMTP.</p>
40 <p>На вкладке Raw доступны необработанные данные, полученные с SMTP.</p>
41 <p><em>Проверяем необработанные данные</em></p>
41 <p><em>Проверяем необработанные данные</em></p>
42 <p>На вкладке Analysis доступны сведения об индексе спамности письма, а также информация о включении рассылки в чёрные списки.</p>
42 <p>На вкладке Analysis доступны сведения об индексе спамности письма, а также информация о включении рассылки в чёрные списки.</p>
43 <p><em>Изучаем spam score письма</em></p>
43 <p><em>Изучаем spam score письма</em></p>
44 <p>Обратите внимание, на этой вкладке есть расшифровка рейтинга спамности: список правил и вклад каждого правила в spam score. Используйте эти данные, чтобы уменьшить вероятность фильтрации рассылки.</p>
44 <p>Обратите внимание, на этой вкладке есть расшифровка рейтинга спамности: список правил и вклад каждого правила в spam score. Используйте эти данные, чтобы уменьшить вероятность фильтрации рассылки.</p>
45 <p><em>Расшифровка spam score</em></p>
45 <p><em>Расшифровка spam score</em></p>
46 <p>На вкладке Check HTML доступны результаты автоматической проверки HTML и CSS сообщения. Информация представлена в формате "Строка с ошибкой - Название правила - Название клиента, для которого код невалидный".</p>
46 <p>На вкладке Check HTML доступны результаты автоматической проверки HTML и CSS сообщения. Информация представлена в формате "Строка с ошибкой - Название правила - Название клиента, для которого код невалидный".</p>
47 <p><em>Изучаем результаты автоматической проверки HTML и CSS</em></p>
47 <p><em>Изучаем результаты автоматической проверки HTML и CSS</em></p>
48 <p>На вкладке SMTP Info есть список получателей рассылки. Функция доступна после оформления платной подписки.</p>
48 <p>На вкладке SMTP Info есть список получателей рассылки. Функция доступна после оформления платной подписки.</p>
49 <p>Мы рассмотрели возможности Mailtrap. Переходим к практической части: настройке SMTP и рассылке тестовых писем.</p>
49 <p>Мы рассмотрели возможности Mailtrap. Переходим к практической части: настройке SMTP и рассылке тестовых писем.</p>
50 <h2>Как отправлять тестовые письма с помощью Mailtrap: простые настройки</h2>
50 <h2>Как отправлять тестовые письма с помощью Mailtrap: простые настройки</h2>
51 <p>Чтобы настроить SMTP на вашем проекте, в списке интеграций выберите подходящий вариант. Я тестировал Mailtrap на блоге, который работает на WordPress.</p>
51 <p>Чтобы настроить SMTP на вашем проекте, в списке интеграций выберите подходящий вариант. Я тестировал Mailtrap на блоге, который работает на WordPress.</p>
52 <p><em>Конфигурация SMTP для проекта на WordPress</em></p>
52 <p><em>Конфигурация SMTP для проекта на WordPress</em></p>
53 <p>Для работы с SMTP пользуюсь плагином<a>WP Mail SMTP</a>, но вы можете найти альтернативное решение в официальном каталоге WP.</p>
53 <p>Для работы с SMTP пользуюсь плагином<a>WP Mail SMTP</a>, но вы можете найти альтернативное решение в официальном каталоге WP.</p>
54 <p>Перейдите на страницу настроек SMTP: WP Mail SMTP - Настройки. В методах отправки почты укажите вариант "Прочие SMTP". В настройках укажите данные, доступные в интеграциях в инбоксе Mailtrap.</p>
54 <p>Перейдите на страницу настроек SMTP: WP Mail SMTP - Настройки. В методах отправки почты укажите вариант "Прочие SMTP". В настройках укажите данные, доступные в интеграциях в инбоксе Mailtrap.</p>
55 <p><em>Настраиваем SMTP</em></p>
55 <p><em>Настраиваем SMTP</em></p>
56 <p>Сохраните изменения и отправьте тестовое письмо. В случае с проектом на WordPress это можно сделать с помощью WP Mail SMTP.</p>
56 <p>Сохраните изменения и отправьте тестовое письмо. В случае с проектом на WordPress это можно сделать с помощью WP Mail SMTP.</p>
57 <p><em>Тестируем SMTP</em></p>
57 <p><em>Тестируем SMTP</em></p>
58 <p>Также можно воспользоваться инструментами рассылки, которые вы уже используете на проекте. Например, на WordPress это может быть<a>"Новостная рассылка"</a>.</p>
58 <p>Также можно воспользоваться инструментами рассылки, которые вы уже используете на проекте. Например, на WordPress это может быть<a>"Новостная рассылка"</a>.</p>
59 <p><em>Создаём тестовую рассылку</em></p>
59 <p><em>Создаём тестовую рассылку</em></p>
60 <p>Создайте и отправьте тестовое письмо. Если всё сделано верно, оно попадёт в инбокс Mailtrap.</p>
60 <p>Создайте и отправьте тестовое письмо. Если всё сделано верно, оно попадёт в инбокс Mailtrap.</p>
61 <p><em>Тестовые письма попали в ящик Mailtrap</em></p>
61 <p><em>Тестовые письма попали в ящик Mailtrap</em></p>
62 <h2>Заключение</h2>
62 <h2>Заключение</h2>
63 <p>В обзоре мы рассмотрели возможности Mailtrap и настроили тестовую рассылку на проекте, который работает на WordPress. Остаётся напомнить о доступных интеграциях сервиса Mailtrap с разными платформами и фреймворками, включая Ruby on Rails, Django, Laravel, а также о возможности использовать функциональность сервиса через API. Если у вас остались вопросы, задайте их в комментариях.</p>
63 <p>В обзоре мы рассмотрели возможности Mailtrap и настроили тестовую рассылку на проекте, который работает на WordPress. Остаётся напомнить о доступных интеграциях сервиса Mailtrap с разными платформами и фреймворками, включая Ruby on Rails, Django, Laravel, а также о возможности использовать функциональность сервиса через API. Если у вас остались вопросы, задайте их в комментариях.</p>