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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

Правила CSS

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

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

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

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

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

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

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

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

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

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

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

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

 

 

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

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

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

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

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

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

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

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

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

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

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

Наверх

Форма заказа

FB Twitter YouTube Instagram Google+