Форма приёма платежей ЮMoney / Формы / Сниппеты Bootstrap

Форма приёма платежей ЮMoney

Готовая форма для приёма платежей через ЮMoney деньгами компании Yandex на своём сайте, используется Bootstrap, загрузка формы оплаты выполнена в модальном окне.

* Bootstrap v4, Демо формы yoomoney полностью рабочее, осталось изменить текст и номер кошелька, в редакторе связь с сервисом не установится, скачайте файл и запустите.

Версия: v1.0.0

Каталог: Сниппеты Bootstrap

Категория: Формы

Bootstrap: 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, Laravel, WHMCS

Язык: Русский

Вес файла: 1.4 Kb

Уникальный ID: 5286

Количество символов:

Посмотрели: 1839 раз

Помощь: установка & настройка

Прикреплён файл №2: /stuff/0-0-0-5286-20

Скачали бесплатно: 66 раз

Прокомментировали: 0 раз

Рейтинг: 4.5 / 5 - 6 голосов

Тип лицензии: CC BY 4.0

Авторство: https://yoomoney.ru/docs/payment-buttons/using-api/forms

Информация: Пользователям

Информация: Правообладателям

Теги: bootstrap 4, приём платежей, приём платежей на сайте, ЮMoney, yoomoney, формы, Form, форма ЮMoney, сниппет, Snippet, форма оплаты, форма yoomoney

Поделился: BootstrapТема

Добавлено: 2022-05-09 в 09:18

Метка: 1652077096

⇄ ⇅

<button class="btn btn-gradient-primary btn-lg btn-block" data-toggle="modal" data-target="#perevod">
<span><i class="fa fa-money"></i></span>
<span class="btn-text text-default">Сделать перевод</span>
</button>

</div>
 </div>

<div class="modal-dialog modal-xl">
 <div class="modal-content"> 
 <div class="card">
 <div class="card-body">
 
 <button type="button" class="close text-danger" data-dismiss="modal" aria-label="Close">
 <span aria-hidden="true">&times;</span>
 </button>
 
<h4 class="py-10 text-center">Перевод сайту BootstrapTema</h4>
<form method="POST" action="https://yoomoney.ru/quickpay/confirm.xml">
<div class="form-group row">
<label class="col-sm-4 col-form-label">Сумма пожертвования ₽</label>
<div class="col-sm-8">
<input type="text" name="sum" value="" data-type="number" class="form-control" placeholder="Введите сумму">
</div>
</div>
<div class="form-group row">
<label class="col-sm-4 col-form-label">На ЮMoney кошелёк №</label>
<div class="col-sm-8">
<input type="text" name="receiver" value="4100117804701310" class="form-control" readonly>
</div>
</div>
<input type="hidden" name="targets" value="Перевод сайту BootstrapTema"> 
<div class="form-group row">
<label class="col-sm-4 col-form-label">Оставьте комментарий</label>
<div class="col-sm-8">
<input type="text" name="comment" class="form-control" placeholder="По желанию">
</div>
</div>
<input type="hidden" name="quickpay-form" value="donate">
<div class="form-group form-check">
<input type="radio" name="paymentType" value="PC" class="form-check-input">
<label class="form-check-label">ЮMoney Деньгами</label>
</div>
<div class="form-group form-check">
<input type="radio" name="paymentType" value="AC" class="form-check-input">
 <label class="form-check-label">Банковской картой</label>
</div>

</div>
 </div>
 </div>
 </div>
 
</div>

BootstrapTema

Форма приёма платежей ЮMoney

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0