Расширение для CMS WordPress

WooCommerce это плагин для Wordpress - многофункциональной платформы в системе CMS (система управления контентом). Один из самых популярных плагинов, WooCommerce служит для создания интернет магазинов и маркетплейсов. Приложение «Экспресс Платежи» для WooCommerce позволяет в системе ЕРИП автоматически выставлять и отправлять счета для Ваших клиентов, принимать платежи и получать уведомления о проведенных платежах.
Как работает интеграция

 

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

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

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

 

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

Подтверждение заказа

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

 

Далее покупатель направляется на страницу со счетом в системе ЕРИП или E-POS. На счете т.н. “дерево ЕРИП или E-POS” и QR-код (см. рисунок 3).

Счет на сайте интернет-магазина

Рис. 3. Счет на сайте интернет-магазина

 

Также на email покупателя направляется ссылка на чуть более расширенный счет от «Экспресс Платежи» (см. рисунок 4).

Письмо со ссылкой на публичный счет от «Экспресс Платежи»

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

 

Перейдя по ссылке, Ваш клиент получает счет от «Экспресс Платежи» (см. рисунок 5) c “деревом ЕРИП или E-POS”, QR-кодом, кнопками “Оплатить картой” и “Перейти в банкинг”. Благодаря последней кнопке, плательщик будет перенаправлен в личный кабинет своего банка для оплаты заказа.

Пример счета от «Экспресс Платежи»

Рис. 5. Пример счета от «Экспресс Платежи»

 

Если выбрана функция “Оплатить картой”, покупатель получает форму ввода реквизитов банковской карты (см. рисунок 6). (Возможность оплатить картой при подключенной услуге ЕРИП или E-POS, есть только у покупателей, находящихся на территории Беларуси. Для международных клиентов в таком случае нужно подключить платежную систему «Экспресс Платежи»: Интернет-эквайринг).

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

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

 

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

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

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

 

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

Выбор формы оплаты при заказе

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

 

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

SMS уведомление об оплате

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

 

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

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

 

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

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

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

 

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

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

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

 

 

Установка и настройка приложения

 

Скачайте и установите 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. Размещение данных для уведомлений

 

Далее идут кастомные настройки, которые учитывают Ваши индивидуальные пожелания (см. рисунок 13).

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

“Разрешено изменять ФИО плательщика”. Если включена эта опция, клиент может редактировать свои данные или указывать другую фамилию, имя, отчество на форме оплаты.

“Разрешено изменять адрес плательщика”. Клиент также на форме оплаты может редактировать свой адрес при совершении платежа.

Опция “Разрешено изменять сумму оплаты” включается, если Вы готовы принимать не фиксированную сумму, а произвольную, по желанию плательщика.

Если включена опция “email-уведомление клиенту”, покупателю на адрес электронной почты, указываемый им при оформлении покупки, приходит письмо от «Экспресс Платежи» с уведомлением о выставленном счете.

Кастомные поля

Рис. 13. Кастомные поля

 

Поле “Путь к ЕРИП” заполняется для того, чтобы на счете покупатель видел т.н. “дерево” ЕРИП. Чтобы его заполнить, зайдите в личный кабинет «Экспресс Платежи»: “Услуги” → “Список услуг” → нужная услуга. Скопируйте “путь в дереве” (см. рисунок 14).

Копирование пути в ЕРИП

Рис. 14. Копирование пути в ЕРИП

 

Вставьте скопированное значение в настройках приложения на стороне woocommerce в поле “Путь к ЕРИП” (см. рисунок 15).

Размещение “дерева ЕРИП”

Рис. 15. Размещение “дерева ЕРИП”

 

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

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

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

 

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

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

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

 

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