Як приймати платежі на сайті

У конструкторі лендингів SendPulse додайте на ваш сайт кнопку оплати, щоб відвідувачі могли сплатити товар в один клік.

Клік перенаправляє користувача на сторінку оплати вибраної платіжної системи, де він може вказати інформацію картки та сплатити за товар. Після оплати гроші потрапляють на ваш обліковий запис у платіжній системі.

Розмістіть віджет «Оплата» (Payments) відразу після опису вашого товару в потрібну частину шаблону.

Введіть назву товару

У правій панелі зазначте назву товару, яка відображатиметься на сторінці платіжної системи та у квитанції.

Оберіть спосіб оплати

Виберіть спосіб оплати та вкажіть ціну товару.

Налаштуйте інтеграцію з іншими сервісами

Додайте угоду до CRM

Ви також можете вказати назву угоди, вибрати воронку, до якої потраплятимуть автоматично створені угоди, а також статус угоди, що залежить від статусу оплати. За замовчуванням угода додається до першого етапу першої воронки.

Додайте контакт у email сервіс

Також ви можете додати контакти, які сплатили замовлення, до адресної книги, щоб надсилати їм сповіщення про успішну оплату та інші повідомлення. Для цього активуйте «Додати до адресної книги» (Add to mailing list) та виберіть книгу.

Налаштуйте форму оплати

Налаштуйте поля форми

Додайте нові поля форми або налаштуйте існуючі, натиснувши на іконку олівця.

Зверніть увагу, що поле «Email» обов'язкове — його не можна видалити.

Виберіть тип поля:

Поле введення (Entry field) — використовується, щоб ввести текст до 255 символів. Ви також можете вибрати встановлені поля «Ім'я» (Name), «Телефон» (Phone), «Адреса» (Address), «Дата» (Date) та «URL» (URL).

Чекбокс (Checkbox) — використовується, коли є список опцій, з яких користувач може вибрати будь-яку кількість: жодну, одну, кілька. Якщо чекбокс відзначено, у змінну сервісу передається значення «yes», якщо не відзначено — «no».

Радіокнопки (Radio buttons) — використовуються для вибору одного з декількох варіантів. Вам необхідно вибрати значення, яке передаватиметься в змінну в сервісі.

Введіть назву поля та введіть підказку для поля у плейсхолдері.

Позначте, чи є поле обов'язковим. Якщо поле обов'язкове, користувач не зможе надіслати дані, доки не заповнить усі обов'язкові поля.

Збережіть значення полів у змінні

До вибраних змінних передаються дані користувача, який сплатив за товар.

Виберіть, в яку змінну в сервісі електронної пошти розсилок зберегти значення поля.

Зверніть увагу, що значення всіх полів передаються у змінну типу «Рядок» (String).

Значення полів «Email» (Email) та «Телефон» (Phone) зберігаються у стандартних системних змінних емейла та телефону.

Виберіть, у які поля контакту та угоди в CRM зберегти значення поля.

Налаштуйте зовнішній вигляд форми

Щоб перейти до редагування форми замовлення, натисніть кнопку «Стилі полів».

Ви можете приховати назви полів та налаштувати зовнішній вигляд полів: наявність кордонів та їх колір, колір тексту та фону, округлення та розмір.

Ліворуч ви можете переглянути, як виглядатиме форма оплати для користувача, який натисне «Оплатити». Перевірте дані, які налаштували в панелі редагування блоку: назву товару та його ціну, а також поля для введення даних покупця.

Налаштуйте кнопку оплати

Натисніть на олівець і перейдіть в меню редагування кнопки оплати.

Введіть текст та опис, який відображатиметься на кнопці. Виберіть стиль кнопки — основний, вторинний або настроюваний та вкажіть розмір кнопки.

Налаштуйте зовнішній вигляд елемента «Оплати»

Всередині кожного елемента ви можете налаштувати стилі блоку: колір фону, тінь, заокруглення та відступи.

Як переглянути історію платежів

Щоб переглянути історію платежів та імпортувати в CSV файл, перейдіть до Параметри облікового запису» (Account Settings) > «Прийом оплат» (Accept Payments). Вам відобразяться деталі оплати: ім'я користувача, назва товару, ціна, дата останньої зміни статусу та статус оплати.

Усі статуси платежу надаються обраною платіжною системою. За більш детальною інформацією рекомендуємо звертатися до підтримки платіжної системи.

Як відправити вебхук про успішну оплату

Ви також можете налаштувати відправку вебхуків про успішну оплату товару користувачами до себе в систему.

Перейдіть до «Налаштування облікового запису» (Account Settings) у вкладці «API». Під секцією «Вебхуки про успішну оплату» (Successful payment webhooks) натисніть «Створити webhook» (Create 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"
   }
}

Оновлено: 17.03.2023