Как добавить кнопку оплаты в письмо

Вы можете добавить кнопку оплаты через ЮKassa или QIWI в письмо и увеличить продажи из email рассылки.

Шаг 1. Создайте шаблон

Перейдите на вкладку «Шаблоны» и выберите создать новый или выберите готовый. Рекомендуем выбрать структуру шаблона «Магазин».

Шаг 2. Добавьте элемент «Оплата»

Из левой панели конструктора перетащите элемент «Оплата» в шаблон, зажимая левую клавишу мыши. Выберите способ оплаты — «ЮKassa» или «QIWI». Поставьте его рядом с теми товарами (услугами), которые вы хотите продавать прямо из письма.

Чтобы подключить платежную систему ЮKassa, перейдите в настройки сервиса во вкладку «Другие настройки». В поле напротив «Связать с ЮKassa» введите идентификатор магазина и нажмите «Сохранить».

Чтобы подключить платежную систему QIWI, перейдите в настройки сервиса во вкладку «Другие настройки». В поле напротив «Связать с QIWI» введите идентификатор магазина и нажмите «Сохранить».

Шаг 3. Введите информацию о покупке

Во вкладке «Текущий элемент» заполните поля «Сумма», название и переменную-идентификатор покупателя. В качестве идентификатора может использоваться номер договора плательщика или его email.

Шаг 4. Настройте внешний вид кнопки

В этой же панели «Текущий элемент» чуть ниже в «Настройках компонента» вы сможете настроить внешний вид кнопки. Можно задать цвет фона, внутренние отступы, расположение по центру или по краю, высоту элемента и контур в пикселях и цвете.

Как отправить вебхук про успешную оплату

Вы можете также настроить отправку вебхуков про успешную оплату товара пользователями к себе в систему.

Перейдите в «Настройки аккаунта» во вкладку «API». Под секцией «Вебхуки об успешной оплате» нажмите «Создать webhook».

Вставьте URL, на который передавать событие.

Пример структуры получаемого вебхука:

{
  "timestamp": 1644590834,
  "version": "1.0",
  "event": "payment_order",
  "order": {
    "totalCost": 12,
    "status": 200,
    "customerName": "User",
    "service": 2,
    "paymentMethodType": 7,
    "variables": [
      {
        "valueType": 1,
        "name": "String",
        "value": "Hello World"
      },
      {
        "valueType": 2,
        "name": "Number",
        "value": "55684213"
      },
      {
        "valueType": 3,
        "name": "Date",
        "value": "2022-02-25"
      },
      {
        "valueType": 5,
        "name": "Phone",
        "value": "+38063456228"
      },
      {
        "valueType": 6,
        "name": "Email",
        "value": "user@sendpulse.com"
      },
      {
        "valueType": 7,
        "name": "Link",
        "value": "http://sendpulse.com"
      }
    ],
    "number": 1618,
    "currency": "BRL",
    "contactId": "7a505f4293dffcd7100f8f0004214892e4cf5618307908edf465042075d5c30",
    "updatedAt": "2022-02-11T14:47:14+00:00",
    "type": 2,
    "id": "a3704313-8c0b-0000-b195-c6b84242f0e2",
    "createdAt": "2022-02-11T14:47:13+00:00",
    "description": "Apple MercadoPago"
  }
}
    Оцените, насколько полезна статья "Как добавить кнопку оплаты в письмо"

    Оценка: 4 / 5

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня