Подключение SendGrid для отправки писем покупателям интернет-магазина
Интеграция с SendGrid поможет автоматизировать отправку электронных писем покупателям вашего интернет-магазина после создания ими заказа, что позволит вам эффективнее коммуницировать с вашими клиентами. Электронное письмо с деталями заказа будет автоматически отправлено покупателю после создания заказа на тот электронный адрес, который он введёт в корзине в поле адреса эл. почты.
Важно: эта опция доступна только на пробной и платных подписках.
Внимание: прежде чем начать отправлять свои первые электронные письма с помощью учетной записи SendGrid, вам нужно создать идентификатор отправителя (sender identity).
Вы можете авторизоваться в своём аккаунте в СендГрид или создать новый, перейдя по этой ссылке.
После авторизации нажмите на кнопку Settings (Настройки), а затем в появившемся ниже списке выберите пункт API Keys (API-ключи):
Затем необходимо нажать на кнопку Create API Key (Создать API-ключ):
Далее нужно указать название вашего API-ключа (произвольное, латинскими буквами) в поле под названием API Key Name ①, а затем выбрать вариант ниже, который называется Full Access (Полный доступ) и нажать на кнопку Create & View (Создать и просмотреть):
Важно: для корректной работы интеграции должен быть выбран пункт “Full Access”. По умолчанию он выбирается автоматически.
Готово, ваш API-ключ создан!
Вам необходимо его скопировать:
Примечание: ключ отобразится только один раз, поэтому его необходимо сразу скопировать. В случае потери этого ключа, вы можете просто создать новый, повторив шаги выше.
После того, как вышеуказанный ключ скопирован, нажмите на кнопку Done.
Перейдите в настройки вашего сайта, в разделе Магазин откройте подраздел Настройки и перейдите на вкладку Письма клиентам:
Далее нажмите на кнопку Присоединить справа в секции SendGrid.
Вставьте ранее скопированный API-ключ в поле API-ключ ①:
В поле Эл. адрес отправителя ② укажите адрес электронной почты, который будет отображаться как отправитель в письмах покупателям вашего интернет-магазина.
Подсказка: в письме отправитель письма обычно указывается в строке от (from).
Нажмите кнопку Сохранить в правом верхнем углу для сохранения и активации интеграции:
Важно: письма отправляются за ивентом order_created, то есть в момент, когда покупатель нажимает на кнопку "Купить" в корзине. Это происходит, даже если покупатель не произвёл оплату в подключённой к сайту платёжной системе.
После подключения интеграции письма вашим покупателям будут содержать стандартный текст по умолчанию, который вы можете отредактировать или заменить на собственный. Для этого:
В поле Тема письма ③ вы можете указать свою тему письма для ваших покупателей, например, указать название вашего магазина и так далее:
Примечание: по умолчанию в теме указывается текст Мы получили ваш заказ — {{instance.website_domain}}, где вместо переменной {{instance.website_domain}} подставляется домен вашего сайта, например, example.com.
В большом поле Шаблон письма ④ вы можете указать текст вашего письма, который будет отправляться покупателям после создания ими заказа. Для отображения таблицы с перечнем товаров и другими деталями заказа, в тексте расположена переменная {{{order.formatted.products_table_html}}} — на её месте в письме будет подставлена таблица с деталями о заказе (товары, сумма заказа и т.д.). Аналогично ниже расположены другие переменные, в частности с отображением деталей о покупателе (то, что покупатель ввёл в полях корзины) и информация о выбранном методе доставки.
Подсказка: вы можете персонализировать текст и добавить в него ваш контактный номер телефона и название вашей компании (например, в начале или в конце письма).
Ниже под полем для текста письма вы можете нажать на кнопку Показать переменные, чтобы открыть модальное окно с перечнем переменных, которые можно использовать в тексте:
Если скопировать переменную и добавить её в текст, то в отправленном покупателю письме вместо переменной будут отображены (подставлены) нужные вам данные. Например, таким образом вы можете отобразить в тексте номер или сумму заказа, домен вашего сайта и т.д.
Примечание: переменные, которые отвечают за короткие текстовые значения, размещены в двойных фигурных скобках (например, {{order.code}}). Однако переменные, на месте которых будут подставляться блоки информации, размещены в тройных фигурных скобках. Например, вышеупомянутая переменная {{{order.formatted.products_table_html}}} — она размещена внутри между тремя фигурными скобками с обеих сторон.
В поле Заголовок ⑤ ниже вы можете указать для себя внутреннее название этой интеграции. Она будет отображаться во вкладке "Письма клиентам" в настройках сайта — это может понадобиться в случае подключения нескольких интеграций, чтобы различать их между собой.
Важно: на бесплатном тарифе от SendGrid вы можете отправлять до 100 электронных писем в день. Если вам нужно больше, данный лимит есть возможность расширить. Более подробную информацию об этом можно найти здесь.
Если у вас настроены методы оплаты, то ниже в разделе Отправлять письма, если выбран метод оплаты синими галочками можно отметить те платёжные методы, при оплате которыми будут отправляться письма:
По умолчанию активированы все платёжные методы, но если вы хотите, чтобы при оплате определённым платёжным методом письмо не отправлялось, вы можете деактивировать этот платёжный метод.
Подсказка: это может быть полезным, когда вы используете платёжную систему, которая также автоматически отправляет письма вашим покупателям, например, как WayForPay. Либо если вы хотите настроить интеграцию и текст письма в ней отдельно для различных методов оплаты (соответственно в одной интеграции с SendGrid оставить включенными одни методы оплаты, в другой интеграции — другие методы оплаты).
Внизу настроек интеграции в разделе Тестирование письма вы можете нажать на кнопку Отправить, чтобы мы отправили вам тестовое письмо на электронную почту, которую вы используете для входа в свой аккаунт на Weblium:
Таким образом вы можете проверить внешний вид письма и протестировать этот функционал со стороны получателя письма.
Важно: в корзине непременно должно присутствовать поле для ввода электронного адреса (и стоит сделать его обязательным к заполнению), чтобы система имела информацию о том, куда отправлять настоящее (не тестовое) письмо. Подробнее о добавлении полей в корзину можно узнать здесь.
В случае необходимости вы можете, не удаляя, приостановить работу этой интеграции. Для этого вернитесь на вкладку Письма клиентам и деактивируйте переключатель напротив SendGrid:
Важно: эта опция доступна только на пробной и платных подписках.
Внимание: прежде чем начать отправлять свои первые электронные письма с помощью учетной записи SendGrid, вам нужно создать идентификатор отправителя (sender identity).
Получение API-ключа на стороне SendGrid
Вы можете авторизоваться в своём аккаунте в СендГрид или создать новый, перейдя по этой ссылке.
После авторизации нажмите на кнопку Settings (Настройки), а затем в появившемся ниже списке выберите пункт API Keys (API-ключи):
Затем необходимо нажать на кнопку Create API Key (Создать API-ключ):
Далее нужно указать название вашего API-ключа (произвольное, латинскими буквами) в поле под названием API Key Name ①, а затем выбрать вариант ниже, который называется Full Access (Полный доступ) и нажать на кнопку Create & View (Создать и просмотреть):
Важно: для корректной работы интеграции должен быть выбран пункт “Full Access”. По умолчанию он выбирается автоматически.
Готово, ваш API-ключ создан!
Вам необходимо его скопировать:
Примечание: ключ отобразится только один раз, поэтому его необходимо сразу скопировать. В случае потери этого ключа, вы можете просто создать новый, повторив шаги выше.
После того, как вышеуказанный ключ скопирован, нажмите на кнопку Done.
Подключение SendGrid к интернет-магазину на стороне Weblium
Перейдите в настройки вашего сайта, в разделе Магазин откройте подраздел Настройки и перейдите на вкладку Письма клиентам:
Далее нажмите на кнопку Присоединить справа в секции SendGrid.
Вставьте ранее скопированный API-ключ в поле API-ключ ①:
В поле Эл. адрес отправителя ② укажите адрес электронной почты, который будет отображаться как отправитель в письмах покупателям вашего интернет-магазина.
Подсказка: в письме отправитель письма обычно указывается в строке от (from).
Нажмите кнопку Сохранить в правом верхнем углу для сохранения и активации интеграции:
Важно: письма отправляются за ивентом order_created, то есть в момент, когда покупатель нажимает на кнопку "Купить" в корзине. Это происходит, даже если покупатель не произвёл оплату в подключённой к сайту платёжной системе.
Кастомизация темы и текста письма
После подключения интеграции письма вашим покупателям будут содержать стандартный текст по умолчанию, который вы можете отредактировать или заменить на собственный. Для этого:
В поле Тема письма ③ вы можете указать свою тему письма для ваших покупателей, например, указать название вашего магазина и так далее:
Примечание: по умолчанию в теме указывается текст Мы получили ваш заказ — {{instance.website_domain}}, где вместо переменной {{instance.website_domain}} подставляется домен вашего сайта, например, example.com.
В большом поле Шаблон письма ④ вы можете указать текст вашего письма, который будет отправляться покупателям после создания ими заказа. Для отображения таблицы с перечнем товаров и другими деталями заказа, в тексте расположена переменная {{{order.formatted.products_table_html}}} — на её месте в письме будет подставлена таблица с деталями о заказе (товары, сумма заказа и т.д.). Аналогично ниже расположены другие переменные, в частности с отображением деталей о покупателе (то, что покупатель ввёл в полях корзины) и информация о выбранном методе доставки.
Подсказка: вы можете персонализировать текст и добавить в него ваш контактный номер телефона и название вашей компании (например, в начале или в конце письма).
Ниже под полем для текста письма вы можете нажать на кнопку Показать переменные, чтобы открыть модальное окно с перечнем переменных, которые можно использовать в тексте:
Если скопировать переменную и добавить её в текст, то в отправленном покупателю письме вместо переменной будут отображены (подставлены) нужные вам данные. Например, таким образом вы можете отобразить в тексте номер или сумму заказа, домен вашего сайта и т.д.
Примечание: переменные, которые отвечают за короткие текстовые значения, размещены в двойных фигурных скобках (например, {{order.code}}). Однако переменные, на месте которых будут подставляться блоки информации, размещены в тройных фигурных скобках. Например, вышеупомянутая переменная {{{order.formatted.products_table_html}}} — она размещена внутри между тремя фигурными скобками с обеих сторон.
В поле Заголовок ⑤ ниже вы можете указать для себя внутреннее название этой интеграции. Она будет отображаться во вкладке "Письма клиентам" в настройках сайта — это может понадобиться в случае подключения нескольких интеграций, чтобы различать их между собой.
Важно: на бесплатном тарифе от SendGrid вы можете отправлять до 100 электронных писем в день. Если вам нужно больше, данный лимит есть возможность расширить. Более подробную информацию об этом можно найти здесь.
Дополнительные настройки
Отправка писем в зависимости от метода оплаты
Если у вас настроены методы оплаты, то ниже в разделе Отправлять письма, если выбран метод оплаты синими галочками можно отметить те платёжные методы, при оплате которыми будут отправляться письма:
По умолчанию активированы все платёжные методы, но если вы хотите, чтобы при оплате определённым платёжным методом письмо не отправлялось, вы можете деактивировать этот платёжный метод.
Подсказка: это может быть полезным, когда вы используете платёжную систему, которая также автоматически отправляет письма вашим покупателям, например, как WayForPay. Либо если вы хотите настроить интеграцию и текст письма в ней отдельно для различных методов оплаты (соответственно в одной интеграции с SendGrid оставить включенными одни методы оплаты, в другой интеграции — другие методы оплаты).
Отправка тестового письма
Внизу настроек интеграции в разделе Тестирование письма вы можете нажать на кнопку Отправить, чтобы мы отправили вам тестовое письмо на электронную почту, которую вы используете для входа в свой аккаунт на Weblium:
Таким образом вы можете проверить внешний вид письма и протестировать этот функционал со стороны получателя письма.
Важно: в корзине непременно должно присутствовать поле для ввода электронного адреса (и стоит сделать его обязательным к заполнению), чтобы система имела информацию о том, куда отправлять настоящее (не тестовое) письмо. Подробнее о добавлении полей в корзину можно узнать здесь.
Деактивация интеграции
В случае необходимости вы можете, не удаляя, приостановить работу этой интеграции. Для этого вернитесь на вкладку Письма клиентам и деактивируйте переключатель напротив SendGrid:
Обновлено на: 27/09/2024
Спасибо!