Как работает интеграция

При подключенной интеграции «Экспресс Платежи»: ЕРИП и магазина, созданного в Site.Pro, покупатель выбирает товар и добавляет его в корзину (см. рисунки 1,2).

Рисунок 1. Выбор товара на примерной странице интернет-магазина

Рисунок 2. Добавление товара в корзину

В корзине покупатель оформляет заказ (см. рисунок 3). Заполняет платежную информацию (все поля Вы можете настроить, как владелец интернет-магазина) (см. рисунок 4).

Рисунок 3. Оформление заказа

Рисунок 4. Заполнение платежной информации

Далее покупатель выбирает способ оплаты «Экспресс Платежи» (см. рисунок 5).

Рисунок 5. Выбор «Экспресс Платежи» как способ оплаты

Покупателю предоставляется публичный счет от «Экспресс Платежи» (см. рисунок 6), на котором т.н. “дерево ЕРИП”, QR-код, кнопки “Перейти в банкинг” и “Оплатить картой”. Перейдя в банкинг, клиент оплачивает покупку в личном кабинете своего банка. Нажимая “Оплатить картой”, покупатель направляется на форму ввода данных своей банковской карты (см. рисунок 7).

Рисунок 6. Публичный счет

Рисунок 7. Форма ввода реквизитов банковской карты

Если у Вас на Site.Pro не интернет-магазин с корзиной, а например лендинг или другой сайт с коммерческими услугами, можно настроить способ оплаты, когда клиент выбирает услугу и сразу получает возможность оплаты через сервис “Экспресс Платежи”. Прямо на странице сайта вы можете разместить кнопку “Оплатить с Express Pay” (см. рисунок 8). Нажимая ее, клиент получает или счет, если подключен ЕРИП/E-POS или форму для ввода данных карты, если это интернет-эквайринг.

Рисунок 8. Примерное расположение кнопки оплаты «Экспресс Платежи» на сайте

После того, как покупатель оплатил заказ, Вы получите уведомление о совершенном платеже. Каналы получения уведомлений об оплатах - СМС, email, в Телеграм и другие - Вы можете настроить по вашему желанию в настройках услуги в личном кабинете «Экспресс Платежи»: Настройки → Услуги→ Уведомления выбранной услуги. Поставьте галочки в нужном поле, нажмите сохранить (см. рисунок 9).

Рисунок 9. Настройка получения уведомлений

Информация о проведенном платеже отобразится в вашем личном кабинете сервиса “Экспресс Платежи” в разделе “Платежи” (см. рисунок 10).

Рисунок 10. Отображение платежа в личном кабинете «Экспресс Платежи»

Увидеть информацию о платеже возможно и на панели редактирования магазина (сайта) в Site.Pro. В меню редактирования Корзины (Store cart), в разделе “Просмотреть заказы” (см. рисунок 11).

Рисунок 11. Раздел просмотра заказов

Состояние оплаченного заказа будет отображаться как “Завершено” (см. рисунок 12), здесь же можно ознакомится со всеми деталями платежа (см. рисунок 13).

Рисунок 12. Состояние заказа

Рисунок 13. Детали заказа

Функция просмотра платежей (заказов) на стороне Site.Pro доступна только если заказ и оплата на сайте происходит через корзину заказов (Store cart) (см. рисунки 1-4). Если кнопка «Экспресс Платежи« выставлена отдельно на странице (см. рисунок 8), то просмотр поступивших платежей через неё - только в личном кабинете сервиса.

Настройка интеграции

Выберите шаблон сайта, который вы будете настраивать и публиковать. Найдите и кликните на макет “Корзина” (Store cart) (см. рисунок 1)

Рисунок 1. Макет “Корзина” на шаблоне интернет-магазина

В правой части шаблона откроется поле редактирования корзины. Нажмите “Больше свойств” (см. рисунок 2).

Рисунок 2. Кнопка “Больше свойств” для настроек корзины

В открывшемся окне найдите (в нижней части страницы) «Экспресс Платежи». Активируйте настройку, поставив галочку (см. рисунок 3).

Рисунок 3. Активация настроек модуля

Выберите услугу - ЕРИП, E-POS или Интернет-эквайринг (см. рисунок 4).

Рисунок 4. Выбор услуги

Чтобы заполнить поля “Номер услуги”, “Ключ API” и “Секретное слово” зайдите в личный кабинет «Экспресс Платежи»: Настройки => Услуги => API (нужной услуги) (см. рисунок 5).

Рисунок 5. Настройки API для услуги в личном кабинете

Скопируйте значения в полях “Номер услуги”, “API ключ”. Поставьте галочку “Применять цифровую подпись”, придумайте и скопируйте “Секретное слово”. Сохраните данные (см. рисунок 6).

Рисунок 6. Копирование данных API

Вставьте скопированные данные в соответствующие поля в настройках платежного модуля на стороне Site.pro (см. рисунок 7).

Рисунок 7. Размещение данных API

Чтобы заполнить поле “Секретное слово для уведомлений” нажмите значок настройки рядом с названием модуля (см. рисунок 8). В открывшемся окне скопируйте URL для уведомлений (см. рисунок 9).

Рисунок 8. Вход в дополнительные настройки модуля

Рисунок 9. Копирование адреса для уведомлений

Зайдите в личный кабинет «Экспресс Платежи»: Настройки => Услуги => Уведомления (нужной услуги) (см. рисунок 10). Вставьте скопированный URL в поле “URL для уведомлений”. Поставьте галочки в полях “Получать уведомления об оплате на URL” и “Применять цифровую подпись”. Придумайте и скопируйте секретное слово для уведомлений (это слово может отличаться от секретного слова для счетов). Сохраните данные (см. рисунок 11).

Рисунок 10. Вход в настройки для уведомлений в личном кабинете

Рисунок 11. Данные для уведомлений

Вставьте секретное слово для уведомлений в настройках модуля на стороне Site.pro. Нажмите “Применить” (см. рисунок 12).

Рисунок 12. Размещения секрета для уведомлений и сохранение данных

Выберите шаблон сайта, который вы будете настраивать и публиковать. Откройте раздел “Электронная коммерция” (см. рисунок 13).

Рисунок 13. Раздел “Электронная коммерция”

Найдите и выберите в качестве платежного шлюза “Expresspay” (см. рисунок 14). Нажав на кнопку, макет способа оплаты автоматически появляется на шаблоне Вашей страницы (см. рисунок 15). Вы можете размещать его на странице как пожелаете и как позволяют возможности Site.pro.

Рисунок 14. «Экспресс Платежи» в разделе выбора платежных модулей

Рисунок 15. Примерное расположение кнопки оплаты на сайте для последующего редактирования

Чтобы активировать настройку модуля, кликните по макету оплаты, в правой части шаблона сайта появится поле с настройками. Если хотите работать в тестовом режиме, не убирайте или поставьте галочку в соответствующем поле (см. рисунок 16).

Рисунок 16. Поля настроек платежного модуля

В полях "Номер услуги", “Ключ API”, “Секретное слово” введите значения, которые доступны на сайте «Экспресс Платежи»: Разработчикам → Документация по API → Тестовые API ключи (токены). В тестовом режиме поле «Секретное слово» заполняется только в том случае, если был выбран API ключ (токен) с параметром «Секретное слово» (см. рисунок 17).

Рисунок 17. Тестовый стенд с токенами

Если Вы решили использовать рабочий режим, заполняйте все поля аналогично как в варианте 1.Размещение способа оплаты в корзине заказов. (Все данные из личного кабинета: Настройки => Услуги => API (нужной услуги). В поле сумма пропишите цену за Вашу услугу (см. рисунок 18).

Рисунок 18. Данные в настройках модуля

Как работает интеграция

При подключенной интеграции «Экспресс Платежи»: ЕРИП и магазина, созданного в Site.Pro, покупатель выбирает товар и добавляет его в корзину (см. рисунки 1,2).

Рисунок 1. Выбор товара на примерной странице интернет-магазина

Рисунок 2. Добавление товара в корзину

В корзине покупатель оформляет заказ (см. рисунок 3). Заполняет платежную информацию (все поля Вы можете настроить, как владелец интернет-магазина) (см. рисунок 4).

Рисунок 3. Оформление заказа

Рисунок 4. Заполнение платежной информации

Далее покупатель выбирает способ оплаты «Экспресс Платежи» (см. рисунок 5).

Рисунок 5. Выбор «Экспресс Платежи» как способ оплаты

Далее покупатель направляется на форму ввода данных своей банковской карты (см. рисунок 6).

Рисунок 6. Форма ввода реквизитов банковской карты

Если у Вас на Site.Pro не интернет-магазин с корзиной, а например лендинг или другой сайт с коммерческими услугами, можно настроить способ оплаты, когда клиент выбирает услугу и сразу получает возможность оплаты через сервис “Экспресс Платежи”. Прямо на странице сайта вы можете разместить кнопку “Оплатить с Express Pay” (см. рисунок 7). Нажимая ее, клиент получает или счет, если подключен ЕРИП/E-POS или форму для ввода данных карты, если это интернет-эквайринг.

Рисунок 7. Примерное расположение кнопки оплаты «Экспресс Платежи» на сайте

После того, как покупатель оплатил заказ, Вы получите уведомление о совершенном платеже. Каналы получения уведомлений об оплатах - СМС, email, в Телеграм и другие - Вы можете настроить по вашему желанию в настройках услуги в личном кабинете «Экспресс Платежи»: Настройки → Услуги→ Уведомления выбранной услуги. Поставьте галочки в нужном поле, нажмите сохранить (см. рисунок 8).

Рисунок 8. Настройка получения уведомлений

Информация о проведенном платеже отобразится в вашем личном кабинете сервиса “Экспресс Платежи” в разделе “Платежи” (см. рисунок 9).

Рисунок 9. Отображение платежа в личном кабинете «Экспресс Платежи»

Увидеть информацию о платеже возможно и на панели редактирования магазина (сайта) в Site.Pro. В меню редактирования Корзины (Store cart), в разделе “Просмотреть заказы” (см. рисунок 10).

Рисунок 10. Раздел просмотра заказов

Состояние оплаченного заказа будет отображаться как “Завершено” (см. рисунок 11), здесь же можно ознакомится со всеми деталями платежа (см. рисунок 12).

Рисунок 11. Состояние заказа

Рисунок 12. Детали заказа

Функция просмотра платежей (заказов) на стороне Site.Pro доступна только если заказ и оплата на сайте происходит через корзину заказов (Store cart) (см. рисунки 1-4). Если кнопка «Экспресс Платежи« выставлена отдельно на странице (см. рисунок 7), то просмотр поступивших платежей через неё - только в личном кабинете сервиса.

Настройка интеграции

Выберите шаблон сайта, который вы будете настраивать и публиковать. Найдите и кликните на макет “Корзина” (Store cart) (см. рисунок 1)

Рисунок 1. Макет “Корзина” на шаблоне интернет-магазина

В правой части шаблона откроется поле редактирования корзины. Нажмите “Больше свойств” (см. рисунок 2).

Рисунок 2. Кнопка “Больше свойств” для настроек корзины

В открывшемся окне найдите (в нижней части страницы) «Экспресс Платежи». Активируйте настройку, поставив галочку (см. рисунок 3).

Рисунок 3. Активация настроек модуля

Выберите услугу - ЕРИП, E-POS или Интернет-эквайринг (см. рисунок 4).

Рисунок 4. Выбор услуги

Чтобы заполнить поля “Номер услуги”, “Ключ API” и “Секретное слово” зайдите в личный кабинет «Экспресс Платежи»: Настройки => Услуги => API (нужной услуги) (см. рисунок 5).

Рисунок 5. Настройки API для услуги в личном кабинете

Скопируйте значения в полях “Номер услуги”, “API ключ”. Поставьте галочку “Применять цифровую подпись”, придумайте и скопируйте “Секретное слово”. Сохраните данные (см. рисунок 6).

Рисунок 6. Копирование данных API

Вставьте скопированные данные в соответствующие поля в настройках платежного модуля на стороне Site.pro (см. рисунок 7).

Рисунок 7. Размещение данных API

Чтобы заполнить поле “Секретное слово для уведомлений” нажмите значок настройки рядом с названием модуля (см. рисунок 8). В открывшемся окне скопируйте URL для уведомлений (см. рисунок 9).

Рисунок 8. Вход в дополнительные настройки модуля

Рисунок 9. Копирование адреса для уведомлений

Зайдите в личный кабинет «Экспресс Платежи»: Настройки => Услуги => Уведомления (нужной услуги) (см. рисунок 10). Вставьте скопированный URL в поле “URL для уведомлений”. Поставьте галочки в полях “Получать уведомления об оплате на URL” и “Применять цифровую подпись”. Придумайте и скопируйте секретное слово для уведомлений (это слово может отличаться от секретного слова для счетов). Сохраните данные (см. рисунок 11).

Рисунок 10. Вход в настройки для уведомлений в личном кабинете

Рисунок 11. Данные для уведомлений

Вставьте секретное слово для уведомлений в настройках модуля на стороне Site.pro. Нажмите “Применить” (см. рисунок 12).

Рисунок 12. Размещения секрета для уведомлений и сохранение данных

Выберите шаблон сайта, который вы будете настраивать и публиковать. Откройте раздел “Электронная коммерция” (см. рисунок 13).

Рисунок 13. Раздел “Электронная коммерция”

Найдите и выберите в качестве платежного шлюза “Expresspay” (см. рисунок 14). Нажав на кнопку, макет способа оплаты автоматически появляется на шаблоне Вашей страницы (см. рисунок 15). Вы можете размещать его на странице как пожелаете и как позволяют возможности Site.pro.

Рисунок 14. «Экспресс Платежи» в разделе выбора платежных модулей

Рисунок 15. Примерное расположение кнопки оплаты на сайте для последующего редактирования

Чтобы активировать настройку модуля, кликните по макету оплаты, в правой части шаблона сайта появится поле с настройками. Если хотите работать в тестовом режиме, не убирайте или поставьте галочку в соответствующем поле (см. рисунок 16).

Рисунок 16. Поля настроек платежного модуля

В полях "Номер услуги", “Ключ API”, “Секретное слово” введите значения, которые доступны на сайте «Экспресс Платежи»: Разработчикам → Документация по API → Тестовые API ключи (токены). В тестовом режиме поле «Секретное слово» заполняется только в том случае, если был выбран API ключ (токен) с параметром «Секретное слово» (см. рисунок 17).

Рисунок 17. Тестовый стенд с токенами

Если Вы решили использовать рабочий режим, заполняйте все поля аналогично как в варианте 1.Размещение способа оплаты в корзине заказов. (Все данные из личного кабинета: Настройки => Услуги => API (нужной услуги). В поле сумма пропишите цену за Вашу услугу (см. рисунок 18).

Рисунок 18. Данные в настройках модуля