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

Доступно на тарифе Standard и выше

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

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

Чтобы добавить кнопку с формой оплаты, перетащите элемент «Оплаты» из левой панели конструктора и разместите сразу после описания вашего товара.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Введите название поля.

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

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

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

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

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

Обратите внимание, что значения всех полей передаются в переменную типа «Строка».

Значения полей «Email» и «Телефон» сохраняются в стандартные системные переменные емейла и телефона.

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

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

Вы можете настроить внешний вид формы — цвет текста и размер полей. Также вы можете скрыть названия полей.

Проверьте, как выглядит форма

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

Также вы можете перейти к просмотру формы, нажав на кнопку «Показать форму» в правой панели возле полей формы.

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

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

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

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

Укажите размер кнопки.

Настройте внешний вид элемента «Оплаты»

Внутри каждого элемента вы можете настроить стили блока: цвет фона, тень, скругление и отступы.

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

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

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

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

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

Перейдите в «Настройки аккаунта» во вкладку «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"
  }
}
Оцените, насколько полезна статья "Как принимать платежи на сайте"

Оценка: 5 / 5

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

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