В рамках соревнования необходимо было добавить форму кастомную оплаты на сайт, собранный в конструкторе Readymag, исользуя функцию Code Injection конструктора.
Ознакомиться с реализацией можно, перейдя по ссылке.
- HTML;
- CSS;
- JavaScript;
Форма позволяет перевести пожертвование в благотворительный фонд "Шалаш". Основная трудность работы состояла именно в интеграции виджета на платформу Readymag и повторении поведения страницы при ресайзе браузерного окна.
- стилизован виджет в соответствии с требованиями макета,
- добавлена логика выбора кратности и суммы платежей,
- добавлен платёжный виджет CloudPayments,
- настроены рекуррентные платежи,
- добавлена браузерная валидация.