Стандартные страницы оплаты для гостевого портала имеют несколько ограничений, которые эти заменённые страницы успешно устраняют. Для работы мы наняли участника @slooffmaster. Решение предлагается сообществу (zip-файл в конце поста). Улучшения включают:
1 - Отключение кнопки Connect после одного нажатия
По умолчанию пользователь может нажимать кнопку Connect сколько угодно раз на странице оплаты кредитной картой, пока платеж обрабатывается. Это может привести к множественным списаниям со счёта клиента и возможным возвратам средств. Теперь кнопка отключается после первого нажатия.
2 - Сообщение пользователю подождать
Помимо запрета на многократные отправки данных карты, вместо надписи Pay Now теперь используется Connect. После нажатия текст меняется на Wait, и рядом появляется вращающийся индикатор.
3 - Автоматический подгон размера страницы оплаты
Страницы оплаты теперь автоматически подстраиваются под экран любого устройства.
4 - Кастомизация фона и отображения вариантов оплаты
Эта версия альтернативной страницы оплаты кредитной картой оптимизирована для Stripe. Показываются только минимально необходимые поля для обработки платежа через Stripe (номер карты, срок действия, CCV). Поле с именем также открыто (но не обязательно), чтобы помочь найти гостя в Unifi HotSpot Manager. Мы делаем это, чтобы стимулировать клиентов платить онлайн, а не отвлекать сотрудников на продажу ваучеров. У нас не было проблем с возвратами денег из-за украденных карт. Ваш опыт может отличаться. Файл payment.html легко модифицируется для отображения скрытых полей, например, почтового индекса, если нужно. Также просто можно заменить или убрать фоновое изображение или изображение сигнала Wi-Fi.
УСТАНОВКА
Сделайте резервную копию текущей папки Unifi для вашего сайта.
Распакуйте файлы и скопируйте их в папку <portal> сайта, который хотите изменить. Появятся новые папки, некоторые файлы будут перезаписаны.
Перезапуск контроллера, как правило, не требуется.
ТЕСТИРОВАНИЕ
Эти страницы оплаты тестировались несколько недель на системе 4.8.x. Также кратко проверялись на версии 5.3.8 с использованием устаревшего JSP-портала. На angular-портале в версии 5.x не тестировались. Сообщите, если у вас есть опыт.
---------------------------
Примечание к скриншотам ниже:
Первый скриншот показывает стандартный вид файла index.html из zip-архива.
Второй — наши изменения для одного из сайтов (естественно, файл messages.properties должен соответствовать этому макету).
Третий — стандартный вид страницы оплаты кредитной картой.
1 - Отключение кнопки Connect после одного нажатия
По умолчанию пользователь может нажимать кнопку Connect сколько угодно раз на странице оплаты кредитной картой, пока платеж обрабатывается. Это может привести к множественным списаниям со счёта клиента и возможным возвратам средств. Теперь кнопка отключается после первого нажатия.
2 - Сообщение пользователю подождать
Помимо запрета на многократные отправки данных карты, вместо надписи Pay Now теперь используется Connect. После нажатия текст меняется на Wait, и рядом появляется вращающийся индикатор.
3 - Автоматический подгон размера страницы оплаты
Страницы оплаты теперь автоматически подстраиваются под экран любого устройства.
4 - Кастомизация фона и отображения вариантов оплаты
Эта версия альтернативной страницы оплаты кредитной картой оптимизирована для Stripe. Показываются только минимально необходимые поля для обработки платежа через Stripe (номер карты, срок действия, CCV). Поле с именем также открыто (но не обязательно), чтобы помочь найти гостя в Unifi HotSpot Manager. Мы делаем это, чтобы стимулировать клиентов платить онлайн, а не отвлекать сотрудников на продажу ваучеров. У нас не было проблем с возвратами денег из-за украденных карт. Ваш опыт может отличаться. Файл payment.html легко модифицируется для отображения скрытых полей, например, почтового индекса, если нужно. Также просто можно заменить или убрать фоновое изображение или изображение сигнала Wi-Fi.
УСТАНОВКА
Сделайте резервную копию текущей папки Unifi для вашего сайта.
Распакуйте файлы и скопируйте их в папку <portal> сайта, который хотите изменить. Появятся новые папки, некоторые файлы будут перезаписаны.
Перезапуск контроллера, как правило, не требуется.
ТЕСТИРОВАНИЕ
Эти страницы оплаты тестировались несколько недель на системе 4.8.x. Также кратко проверялись на версии 5.3.8 с использованием устаревшего JSP-портала. На angular-портале в версии 5.x не тестировались. Сообщите, если у вас есть опыт.
---------------------------
Примечание к скриншотам ниже:
Первый скриншот показывает стандартный вид файла index.html из zip-архива.
Второй — наши изменения для одного из сайтов (естественно, файл messages.properties должен соответствовать этому макету).
Третий — стандартный вид страницы оплаты кредитной картой.