В этой публикации мы рассмотрим настройку отправки почты с сайта сделанного на CMS WordPress через почтовый сервис от Google для того чтобы письма не попадали в СПАМ.
В первой статье по настройке плагина WP Mail SMTP мы рассмотрели возможность настройки через SMTP хостинг-провайдера, а эта публикация будет посвящена SMTP от Google.
Напомню, что плагин WP Mail SMTP включает в себя множество различных вариантов настройки SMTP:
- SendLayer
- SMTP.com
- Brevo (formerly Sendinblue) SMTP
- Mailgun SMTP
- SendGrid SMTP
- Postmark SMTP
- SparkPost SMTP
- Gmail SMTP (Gmail, Google Workspace, G Suite)
- Microsoft SMTP (Outlook.com и Office 365) [Pro платная версия]
- Amazon SES SMTP [Pro платная версия]
- Zoho Mail SMTP [Pro платная версия]
- Все прочие SMTP
Бесплатная версия плагина позволяет нам настроить отправку почтовых сообщений через Gmail SMTP. Я ожидаю, что плагин у вас уже установлен и мы сразу обращаемся к экрану настроек с выбором сервиса-посредника:
Почтовая программа Gmail хорошо подходит для сайтов, которые отправляют небольшое количество писем. API Gmail имеет ограничения скорости и ряд дополнительных ограничений, которые могут привести к проблемам во время отправки.
Если вы планируете отправлять большое количество писем или обнаружите, что ваш веб-сервер не совместим с ограничениями API Gmail, мы рекомендуем рассмотреть другой вариант почтовой программы.
Примечание от разработчиков
После выбора провайдера (в нашем случае это Google/Gmail) ниже будут доступны его настройки, с которыми мы сейчас начнём работу
Принятая весть для обладателей PRO-версии, включение функции One-Click Setup обеспечивает быстрый и простой способ подключения к Google, не требующий создания собственного приложения.
Но так как мы рассматриваем вариант подключения в бесплатной версии впереди нас ожидает тернистый путь 🙂
Первое условие — у вас должен быть аккаунт на Google, так как дальнейшая наша работа будет связана с ним. Если у вас нет аккаунта на Google, то воспользуйтесь этой справкой чтобы его создать: Как создать аккаунт?
Настройки подключения. Шаг за шагом
- В разделе настроек Основные укажите вашу почту на сервисе Gmail через которую будет осуществляться пересылка сообщений
После этого переходим к разделу с внесением данных:
- ID клиента
- Секретный код клиента
Чтобы их получить вам потребуется использовать свою учетную запись Google для создания веб-приложения.
Создание веб-приложения в вашей учетной записи Google
Примечание. Прежде чем продолжить, обязательно выйдите из всех других учетных записей Google, кроме учетной записи, которую вы будете использовать для настройки SMTP.
В новой вкладке или окне, которое вы открыли, войдите в свою учетную запись Google и откройте Google Cloud Console .
Если вы впервые используете Google Cloud Console, вы можете увидеть всплывающее окно с просьбой выбрать страну и согласиться с Условиями обслуживания.
Сделайте это, а затем нажмите «Agree and Continue» , чтобы перейти к следующему шагу.
Далее необходимо создать Новый проект
Поле этого дадим название нашему проекту
После создания проекта, убедитесь что выбран именно он и перейдите в подраздел Библиотеки (Library) раздела APIs & Services
Далее нам нужно включить API, для этого введите в строке поиска «Gmail API»
Выбираем Gmail API и включаем его:
После включения API Gmail вы должны быть перенаправлены на страницу обзора API Gmail. Здесь нажмите кнопку Create credentials.
На следующей странице нам нужно пройти последовательно несколько этапов заполнения данных. Первым — в раскрывающемся списке выберите «Gmail API» и выберите опцию User Data, после этого нажимаем Next
Затем Google запросит некоторую базовую информацию о вашем приложении. Мы заполним лишь обязательные поля (помечены звёздочкой). Первая часть для публичных данных о приложении, а последний E-mail (кантатная информация разработчика) предназначен для Google, чтобы уведомлять вас об изменениях в вашем проекте.
Следующий раздел №3 необязателен для заполнения, поэтому кликаем «Сохранить и Продолжить«
В разделе №4 OAuth Client ID выбираем Веб-приложение (Web Application)
А также задаём Имя — это имя используется только для идентификации клиента в консоли и не будет отображаться конечным пользователям.
Затем пропустите раздел Authorized JavaScript origins и переходим к важному моменту — это подраздел Authorized redirect URIs. Здесь нам нужно добавить URI перенаправления.
Но где его взять? Для этого нужно вернуться на ваш сайт к странице настроек плагина, там он указан:
У всех он одинаковый, поэтому можете просто скопировать его отсюда:
https://connect.wpmailsmtp.com/google/Вставьте эту ссылку и создайте перенаправление
После успешного добавления вы автоматически переместитесь к заключительному этапу №5, на котором у вас будет отображаться ваш клиентский ID
Нам доступна загрузка информации для аутентификации приложения в формате JSON, но мы, как обычный пользователь, просто скопируем Clien ID и добавим его в настройки плагина на сайте
Не забудьте сохранить изменения. Теперь давайте получим Секретный код клиента.
Зайдите в раздел «OAuth consent screen» и в подразделе «Статус публикации» обратите внимание на текущий статус — это Test. Опубликуйте ваше приложение кликнув Publish App
Подтверждаем…
После публикации в «Продакшн»,вы можете заметить изменение в статусе.
Отлично! Далее, перейдите в раздел Credentials. Там вы обнаружите ваше приложение для аутентификации на серверах Google. Нажмите на карандашик чтобы перейти к редактированию
Именно там и находится Client secret. Хотя, стоит заметить, что на этапе создания Client ID, когда нам был ещё доступен файл для скачивания с данными в формате JSON, то там уже присутствовал наш Client ID. Но это просто для информации.
Что ж, копируем и вносим в настройки плагина наш Client ID
Становится активной примечательная кнопочка Разрешить плагину отсылать почту использую ваш google аккаунт.
Притомились? Но финал близок. Теперь всё готово и нам нужно осуществить Авторизацию.
Нажимаем… Откроется экран входа в Google. Продолжайте и войдите в учетную запись, с которой вы настраиваете SMTP.
После выбора аккаунта вы можете увидеть вот такое предупреждение. Не переживайте. Просто переходите по ссылке к Дополнительным настройкам
И нажимаем на ссылку перехода
Перед нами ещё один экран. Здесь после одобрения произойдет обратное перенаправление
После некоторой магии, в которой произойдет обмен токенами и приложения пройдут аутентификации, вы должны увидеть вот такое сообщение об успешной авторизации.
А кнопочка превратится вот в такую:
Поздравляю! Вы сделали это!
Теперь смело переходим к тестированию отправки сообщений и отправим вначале через Инструмент данного плагина
А вот и письмо в ящике после успешного теста
Проверим с боевой формы сайта
Письмо на месте)
Сделаем проверку через сервис Mail Tester. Неплохо)
Правда наш «айпишник» значится в 2-х базах чёрных списков. Но это уже совершенно другая история…
