Как принимать платежи на сайте
В конструкторе лендингов SendPulse вы можете добавить кнопку оплаты на ваш сайт, чтобы посетители сайта смогли оплатить товар в один клик.
По клику пользователя перенаправляет на страницу оплаты выбранной платежной системы, где он сможет ввести данные карты и оплатить товар. После оплаты деньги попадают на ваш аккаунт в платежной системе.
Разместите виджет «Оплата» (Payment) сразу после описания вашего товара в нужную часть шаблона.
Введите название товара
В правой панели введите название товара, которое будет отображаться на странице платежной системы и в квитанции.
Добавьте способ оплаты
Выберите, через какую платежную систему принимать оплату.
Подробнее о подключении различных способов оплаты читайте в разделе «Прием оплат».
Если вы выбираете способ оплаты LiqPay, можно настроить передачу данных для РРО.
Читайте подробнее: «Как настроить передачу данных РРО в LiqРay».
Добавьте сумму оплаты
Выберите тип оплаты — «Указанная цена» (Indicated price) или «Минимальная цена» (Minimal) и введите сумму оплаты.
Чтобы выбрать или изменить валюту оплаты, перейдите в «Настройки аккаунта» > «Платежные системы» и напротив нужной платежной системы перейдите в настройки мерчанта — там вы сможете выбрать валюту.
Для оплаты с указанной ценой платеж будет считаться успешным, если пользователь оплатил эту сумму. А для оплаты с минимальной ценой — если оплачена сумма равная или выше минимальной.
К примеру, вы можете использовать тип оплаты «Минимальная цена» для сбора донатов и пожертвований.
Настройте интеграции с другими сервисами
Добавьте сделку в CRM
Вы также можете ввести название сделки, выбрать воронку, в которую будут попадать автоматически созданные сделки, а также статус сделки, в зависимости от статуса платежа. По умолчанию сделка добавляется на первый этап вашей первой воронки.
Вы можете настроить передачу UTM-меток в контакты CRM, если посетитель перешел на сайт по ссылке с меткой и совершил оплату на сайте.
Читайте подробнее: «Как передавать UTM-метки с форм подписки и оплаты сайтов в CRM».
Кроме того, вы можете создавать авторассылки по факту статуса оплаты. Для этого в «CRM» подключите создание сделок после оплаты, а в А360 выберите триггер запуска «Создание сделки» и источник сделки «Оплаты».
Читайте подробнее: «Как отправить уведомление по событию в CRM».
Добавьте контакт в email сервис
Вы также можете добавить контакты, которые заполнили форму оплаты, в адресную книгу, чтобы отправлять им уведомления об оплате и другие сообщения с помощью Automation360. Для этого активируйте «Добавить в адресную книгу» (Add to a mailing list) и выберите книгу.
Читайте подробнее: «Как создать авторассылку, которая стартует по добавлению подписчика в адресную книгу».
Настройте форму оплаты
Настройте поля формы
Добавьте новые поля формы или настройте уже существующие, нажав на иконку карандаша.
Обратите внимание, что поле «Email» обязательное — его нельзя удалить.
Выберите тип поля.
Поле ввода (Entry field) | Используется для ввода текста пользователем до 255 символов. Вы можете также выбрать предустановленные поля «Имя», «Телефон», «Адрес», «Дата» и «URL». |
Чекбокс (Checkbox) |
Используется, когда есть список опций, из которых пользователь может выбрать любое количество: ни одной, одну, несколько. Если чекбокс отмечен, в переменную сервиса передается значение «yes», если не отмечен — «no». В тексте чекбокса вы можете добавить ссылку, например, на политику конфиденциальности компании или другие материалы. Для этого выделите необходимое слово и выберите значок гиперссылки. В модальном окне введите ссылку в поле «Link». Также вы можете ввести подсказку в поле «Title» и выбрать тип открытия — текущая страница или новая. |
Радиокнопки (Radio) | Используются для выбора одного из нескольких вариантов. Вам необходимо выбрать значение, которое будет передаваться в переменную в сервисе. |
Выпадающий список (Dropdown list) | Используется для выбора варианта из списка. Посетителям сайта будет отображаться список опций со значениями из поля «Текст», а в поля CRM или адресной книги добавятся значения из поля «Значения». |
Скрытое поле (Hidden field) | Используется для добавления значения каждому пользователю, который заполнит форму. Поле не отображается посетителям сайту, присваивается то значение, которое вы сами введете в настройке. |
Введите название поля и подсказку для поля в плейсхолдере.
Отметьте, является ли поле обязательным. Если поле обязательное, данные пользователя не отправятся, пока он не заполнит все обязательные поля.
Сохраните значения полей в переменные
В выбранные переменные передаются данные пользователя, который оплатил товар.
Выберите, в какую переменную в сервисе email рассылок сохранить значение поля.
Обратите внимание, что значения всех полей передаются в переменную типа «Строка». Значения полей «Email» и «Телефон» сохраняются в стандартные системные переменные емейла и телефона.
Выберите, в какие поля контакта (Contact field) и сделки (Deal field) в CRM сохранить значение поля.
Настройте внешний вид формы
Чтобы перейти в редактирование формы заказа, нажмите «Стили полей» (Fields styles).
Вы можете скрыть названия полей и настроить внешний вид полей: наличие границ и их цвет, цвет текста и фона, скругление и размер.
Слева вы можете просмотреть, как будет выглядеть форма оплаты для пользователя, который нажмет «Оплатить». Проверьте данные, которые настроили в панели редактирования блока: название товара и его цену и поля для введения данных покупателя.
Настройте кнопку оплаты
Нажмите на карандаш и перейдите в меню редактирования кнопки оплаты.
Введите текст и описание, которые будут отображаться на кнопке. Выберите стиль кнопки — основной, вторичный или настраиваемый и укажите размер кнопки.
Настройте аналитику
Вы можете настроить передачу целей из формы в события Google Analytics и Facebook Pixel. Нажмите кнопку «Настройки аналитики» (Analytics settings).
Активируйте нужный переключатель: «Передавать цель в Google Analytics» (Transfer the goal to Google Analytics) или «Передавать цель в пиксель Facebook» (Transfer the goal to the Facebook pixel).
Для активации передачи данных в настройках сайта должны быть добавлены коды пикселя Facebook и Google Analytics.
Читайте подробнее: «Как подключить Google Analytics к сайту» и «Как подключить пиксель Facebook к сайту».
Если вы активировали переключатель «Передавать цель в Google Analytics», введите данные для полей «Категория» (Category), «Действие» (Action), «Ярлык» (Label) — эти параметры будут передаваться к аналитике в разделе «События».
Если вы активировали переключатель «Передавать цель в пиксель Facebook», автоматически будет сформировано событие «Purchase» со значениями value
и currency
. Его вы сможете просматривать в «Event Manager» вашего бизнес-аккаунта Facebook.
Завершите настройку виджета
Перед закрытием конструктора сайта проверьте правильность настроек виджета.
Если вы не заполнили какое-то поле, в настройках виджета оно подсветится красным, а в конструкторе появится предупреждающий знак. Форма с незаполненными полями не будет работать.
Как посмотреть историю платежей
Чтобы просмотреть историю платежей и импортировать в CSV файл, перейдите в «Настройки аккаунта» > «Прием оплат». Вам отобразятся детали по оплатам: имя пользователя, название товара, цена, дата последнего изменения статуса и статус оплаты.
Все статусы платежа отдаются выбранной платежной системой. За более подробной информацией рекомендуем обращаться в поддержку платежной системы.
Как отправить вебхук про успешную оплату
Вы можете также настроить отправку вебхуков про успешную оплату товара пользователями к себе в систему.
Перейдите в «Настройки аккаунта» во вкладку «API». Под секцией «Вебхуки об успешной оплате» нажмите «Создать webhook» (Create a 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"
}
}
Обновлено: 29.09.2023
или