При подключенной интеграции «Экспресс Платежи» Интернет-эквайринг и магазина на “движке” woocommerce покупатель оформляет покупку (см. рисунок 1).

Рис. 1. Покупка товара в интернет-магазине

Покупатель заполняет поля “Детали оплаты” (в том числе email, на который будет продублирован расширенный счет от «Экспресс Платежи»), затем подтверждает заказ (см. рисунок 2).

Рис. 2. Подтверждение заказа

После подтверждения заказа покупатель направляется на форму ввода реквизитов банковской карты (см. рисунок 3).

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

Если заказ успешно оплачен, покупатель попадает на т.н. “страницу успеха” с сообщением об успешной транзакции (см. рисунок 4). Если по каким-то причинам оплата не прошла, клиент увидит сообщение об ошибке платежа. Тексты сообщений на этих страницах Вы настраиваете сами при подключении платежного модуля к магазину.

Рис. 4. Страница успешной оплаты

Если вы установили несколько приложений «Экспресс Платежи», то возможно выборочно включить одну или несколько из них. Сделать это можно в административной панели woocommerce: woocommerce → Настройки → Платежи (см. рисунок 5).

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

Если активировано несколько приложений, Ваш покупатель в момент покупки может выбрать сам форму оплаты (см. рисунок 6).

Рис. 6. Выбор формы оплаты при заказе

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

Рис. 7. SMS уведомление об оплате

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

Информация о прошедшем платеже также отразиться и в административной панели woocommerce в разделе “Заказы”. Статус после успешного платежа можно настроить как “Выполнен” (статусы настраиваемы) (см. рисунок 9). Нажав на “Заказ”, можно увидеть детали оплаты.

Рис. 9. Панель заказов с успешной оплатой

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

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

Скачайте и установите Wordpress. Как это сделать, узнайте здесь: wordpress.org/support/article/how-to-install-wordpress/.

Установите плагин woocommerce. Чтобы установить плагин «Экспресс Платежи» зайдите в панель администрирования, вкладка “Плагины” → “Добавить новый” (см. рисунок 1).

Рис. 1. Добавление нового плагина

В поле поиска введите “экспресс платежи”, выберите нужный модуль (или несколько). Для работы с woocommerce предназначены приложения ЕРИП, E-POS и Интернет-эквайринг. “Экспресс Платежи платежный модуль” - для Wordpress и других плагинов к этому сервису. Нажмите “Установить” (см. рисунок 2), затем “Активировать” (см. рисунок 3).

Рис. 2. Поиск, выбор и установка модуля «Экспресс Платежи»

Рис. 3. Активация приложения

Переходим к настройке приложения. В административной панели откройте: woocommerce → Настройки →Платежи → нажмите “Настроить” для выбранного метода оплаты (см. рисунок 4).

Рис. 4. Переход к настройкам модуля

Если Вы хотите работать в тестовом режиме, поставьте галочку в поле “Использовать тестовый режим” (см. рисунок 5). В полях «Токен» и «Номер услуги» введите значения, которые доступны по следующей ссылке. Поле «Секретное слово для подписи счетов» заполняется только в том случае, если был выбран API ключ (токен) с параметрами «Применять цифровую подпись» и «Секретное слово» (см. рисунок 6).

Рис. 5. Включение тестового режима

Рис. 6. Тестовый токен и секретное слово

Остальные поля можно оставить без изменений, поскольку на работу модуля в демо-режиме они не влияют. Нажмите “Сохранить изменения” (см. рисунок 7).

Рис. 7. Сохранение тестовых настроек

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

Рис. 8. Копирование номера услуги, токена и секрета для подписи

Вставьте скопированные значения в соответствующие поля в настройках приложения на стороне woocommerce (см. рисунок 9).

Рис. 9. Размещение номера услуги, токена и секрета для подписи счета

Скопируйте значение из поля “Адрес для уведомления” (см. рисунок 10).

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

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

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

В настройках приложения на стороне woocommerce поставьте галочку в поле “Использовать цифровую подпись для уведомлений” и вставьте секретное слово для уведомлений (см. рисунок 12).

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

В поле “Продолжительность сессии” Вы выбираете время, за которое клиент может совершить платеж. Оно находится в промежутке от 10 минут до суток. По умолчанию установлено значение 1200 секунд (20 минут) (см. рисунок 13).

Рис. 13. Выбор продолжительности сессии при покупке

Информация в поле “Сообщение при успешном заказе” будет отображаться для покупателя, когда он успешно оплатил покупку. Текст в поле “Сообщение при ошибке заказа” клиент увидит, если оплата по каким то причинам не смогла быть проведена (см. рисунок 14).

Рис. 14. Примерная информация в полях успешного и неуспешного заказов

Далее идут настройки статусов - как будут отображаться стадии оформления и оплаты в разделе “Заказы”. “Статус после оплаты” можно настроить как “Выполнен”, “Статус после отмены” - вариант его обозначения - “Отменен” (см. рисунок 15).

Рис. 15. Настройки статусов, описания метода оплаты и сохранение настроек

Значения в полях “Название метода оплаты ” и “Описание метода оплаты” будут отображаться в корзине магазина при совершении покупки (см. рисунок 16).

Рис. 16. Отображение метода оплаты и его описания при оформлении заказа

Сохраните настройки (см. рисунок 15).