Как принимать платежи на сайте

В конструкторе лендингов SendPulse вы можете добавить кнопку оплаты на ваш сайт, чтобы посетители сайта смогли оплатить товар в один клик.

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

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

Введите название товара

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

Выберите способ оплаты

Выберите способ оплаты и введите цену товара.

Настройте интеграции с другими сервисами

Добавьте сделку в CRM

Вы также можете ввести название сделки, выбрать воронку, в которую будут попадать автоматически созданные сделки, а также статус сделки, в зависимости от статуса платежа. По умолчанию сделка добавляется на первый этап вашей первой воронки.

Добавьте контакт в email сервис

Вы также можете добавить контакты, которые оплатили, в адресную книгу, чтобы отправлять им уведомления об успешной оплате и другие сообщения. Для этого активируйте «Добавить в адресную книгу» и выберите книгу.

Настройте форму оплаты

Настройте поля формы

Добавьте новые поля формы или настройте уже существующие, нажав на иконку карандаша.

Обратите внимание, что поле «Email» обязательное — его нельзя удалить.

Выберите тип поля:

Поле ввода — используется для ввода текста пользователем до 255 символов. Вы можете также выбрать предустановленные поля «Имя», «Телефон», «Адрес», «Дата» и «URL».

Чекбокс — используется, когда есть список опций, из которых пользователь может выбрать любое количество: ни одной, одну, несколько. Если чекбокс отмечен, в переменную сервиса передается значение «yes», если не отмечен — «no».

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

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

Отметьте, является ли поле обязательным. Если поле обязательное, данные пользователя не отправятся, пока он не заполнит все обязательные поля.

Сохраните значения полей в переменные

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

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

Выберите, в какие поля контакта и сделки в CRM сохранить значение поля.

Настройте внешний вид формы

Чтобы перейти в редактирование формы заказа, нажмите «Стили полей».

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

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

Настройте кнопку оплаты

Нажмите на карандаш и перейдите в меню редактирования кнопки оплаты. 

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

Как посмотреть историю платежей

Чтобы просмотреть историю платежей и импортировать в CSV файл, перейдите в «Настройки аккаунта» > «Прием оплат». Вам отобразятся детали по оплатам: имя пользователя, название товара, цена, дата последнего изменения статуса и статус оплаты.

Все статусы платежа отдаются выбранной платежной системой. За более подробной информацией рекомендуем обращаться в поддержку платежной системы.

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

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

Перейдите в «Настройки аккаунта» во вкладку «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"
  }
}

Обновлено: 15.03.2023