Портфолио / Модуль формы оплаты для UMI.CMS

Модуль формы оплаты для UMI.CMS

Модуль оплаты банковской картой для сайтов на UMI.CMS позволяет легко и просто подключить оплату картой на свой сайт или магазин. Интерфейс позволяет стилизовать форму под ваш магазин, легко управлять полями формы, их названиями и текстами-подсказками на формах. Можно задавать правила CSS и js-код. По итогам настроек Вы получаете актуальный код для вставки на сайт.

Всего 3 клика и вы получите возможность получать оплату на сайте с огромного количества платежных систем (банковские карты Visa, Mastercard, Maestro, Мир, Apple Pay, электронные деньги Яндекс Деньги, Web Money, QIWI, Сбербанк Онлайн, Альфа Банк, Промсвязьбанк, ЕРИП, оплата по частям, оплата с мобиильного телефона, Билайн, Мегафон, МТС, Теле2).

Зачем нужен модуль

Не можете продавать через сайт? С модулем оплаты уже через пару минут у ваших покупателей появится возможность оплатить любую покупку. Даже если у вас простой сайт на лицензии UMI.Lite с контентными страницами под товар, с помощью модуля вы можете реализовать функцию оплаты на сайте через Яндекс.Кассу.

В 2018 году опубликован релиз обновленной версии под PHP7, под новую админку и с новыми возможностями:

- пока не заполнены основные настройки полей, формы оплаты нельзя кастомизировать

- расширена справка по работе с модулем

В модуле также представлена возможность расширенной поддержки при подключению к Яндекс.Кассе.

Установка модуля

Для установки модуля необходимо иметь продленную лицензию UMI.CMS.

  1. Установите модуль Формы оплаты на сайт с гибкими настройками из магазина по ссылке
  2. Нажмите "Купить".
  3. При переходе к оплате, введите лицензионный ключ.
  4. Оплатите заказ.
  5. Запустите обновление UMI и модуль установится автоматически.

Настройка модуля

Базовая настройка модуля

Базовая настройка модуля необходима для связки формы оплаты с кассой и появления формы на сайте.

Зайдите в UMI и выберите модуль “Оплата банковской картой”, перейдите в настройки.

Укажите данные вашего аккаунта Яндекс.Кассы.

Если у вас нет аккаунта кассы Яндекс.Кассы вы можете зарегистрироваться, перейдя по ссылке.

В настройках модуля введите идентификатор магазина, номер витрины товара и номер последнего заказа для учета (любой). Номер последнего заказа необходим чтобы у каждой покупки был свой номер, и как следствие чтобы одна покупка не была оплачена дважды.

 

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

Расширенная настройка модуля

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

Внешний вид формы

Выберите цвет формы из трех предложенных.

URL, на который будет вести ссылка «Вернуться в магазин»

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

Заголовки текстовых полей

Меняйте названия полей исходя из того, что хотите сказать клиенту. Например, название поля “Адрес доставки” можно поменять на “Адрес доставки с индексом”.

Текст для лицензионного соглашения

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

Правила CSS

Придайте форме желаемый вид с помощью применения к элементам формы css-правил.

Подключение js-кода

Создайте визуальные эффекты с помощью js-кода

Тестовый режим

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

Как выглядит процесс оплаты на сайте

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

После этого на сайте появится форма примерно такого внешнего вида

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

Типовые ситуации применения модуля

Простая оплата товара

Самая простая форма выглядит так:

 

 

Она нужна, чтобы клиент смог быстро заполнить поля и перейти к покупке.

Получить её можно, сняв все синие галочки с полей в стилизации полей.

В результате пользователь сможет ввести лишь номер телефона и e-mail, а вы свяжетесь после оплаты для уточнения деталей.

Оплата товара с комментарием

В настройках стилизации формы отметьте галочкой поле “Детали заказа”.

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

В настройках стилизации формы отметьте галочкой поле “Адрес доставки”.

Кастомизация названий полей

Зайдите в настройки модуля.

Допустим, что адрес необходимо указывать вместе с указанием индекса. Переименуем поле “Адрес доставки” в “Адрес доставки, с индексом”.

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

Модуль формы оплаты для UMI.CMS
photo of Владимир Лапардин
А25
ул. Новорощинская, д. 4, оф. 1415­1
Санкт-Петербург, 196084Россия
+7 (812) 603-48-25
веб-разработка, реклама в интернете, PR
Наверх

Форма заказа