Благотворительный баннер

Кастомизация

html код баннера

Вставьте данный код между тегами <body> и </body> на своём сайте

<!--Таблица стилей и js-->
<script src="https://knopka.dariedu.ru/static/use/js/scripts-modal.min.js"></script>
<link href="https://knopka.dariedu.ru/static/use/css/style-modal.min.css" rel="stylesheet" type="text/css"/><!--Стилизованный вызов--> <a class="darieduwidgetbut" href="#darieduwidget" data-uk-modal></a> <!--Модальное окно--> <div id="darieduwidget" class="uk-modal dariedumodalwidgetdonat"> <div class="uk-modal-dialog"> <a class="uk-modal-close"></a> <div class="dariedumodalwidgetheader"> <div class="dariedumodalwidgeth1">Потратьте немного больше</div> <div class="dariedumodalwidgetp">Очень много людей не могут позволить себе ужин. Хотите им помочь? Закажите еще одну порцию — и мы вместе с Дари Еду отдадим ее нуждающимся.<br><a href="https://knopka.dariedu.ru" target="_blank">Подробнее о партнёрстве</a></div> <div class="dariedumodalwidgetimages"> <!--Вставьте изображение для товара--> <img src="https://knopka.dariedu.ru/static/img/product.svg"> </div> </div> <!--html форма для баннера--> <form action="https://knopka.dariedu.ru/make_donation/" method="POST" target="_blank">
<p>
<label for="first_name">Имя</label>
<input placeholder="Имя" id="first_name" name="first_name" type="text" required>
</p>
<p>
<label for="email">E-mail</label>
<input placeholder="E-mail" id="email" name="email" type="email" required>
</p>
<div class="dariedumodalwidgetvars">
<div class="dariedumodalwidgetvar var-active" onclick="getText(this)">50</div>
<div class="dariedumodalwidgetvar" onclick="getText(this)">100</div>
<div class="dariedumodalwidgetvar" onclick="getText(this)">300</div>
</div>
<p>
<label for="dariedumodalwidgettotal">Сумма пожертвования</label>
<input placeholder="Сумма пожертвования" id="total" name="total" type="number" value="50" required>
</p>
<div class="dariedumodalwidgethidden">
<label for="payment_method">Способ оплаты</label>
<select id="payment_method" name="payment_method">
<option value="bank_card">Банковская карта</option>
<option value="yandex_money">Яндекс.Деньги</option>
</select>
</div>
<input type="hidden" value="3b42df7d-b21f-4eb6-a6f3-df02984258f6" name="banner_id" required>
<button class="dariedumodalwidgetbut" type="submit">Пожертвовать</button>
</form> </div> </div>
Потратьте немного больше
Очень много людей не могут позволить себе ужин. Хотите им помочь? Закажите еще одну порцию — и мы вместе с Дари Еду отдадим ее нуждающимся.
Подробнее о партнёрстве

50
100
300