Gdje mogu naći neku skriptu za donacije npr. kao na slici dolje navedeno ali da redirect ide na paypal.
Unaprijed hvala
Može neka pomoć tražio sam ali nisam našao nikakvo koliko toliko ok rijesešenje
Eto, nešto brzinski…
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Paypal Donacije</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous" />
</head>
<body>
<div class="container w-50">
<div class="row">
<div class="col-12">
<form class="mt-5" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Donation" />
<input type="hidden" name="no_note" value="1" />
<input type="hidden" name="no_shipping" value="1" />
<input type="hidden" name="return" value="http://yourwebsite.com/thankyou.html" />
<input type="hidden" name="notify_url" value="http://yourwebsite.com/notify.php" />
<input type="hidden" name="currency_code" value="EUR" />
<input type="hidden" name="recurring_payment" id="recurring_payment" value="0" />
<input type="hidden" name="recurring_term" id="recurring_term" value="1" />
<input type="hidden" name="recurring_time" id="recurring_time" value="0" />
<input type="hidden" name="recurring_amount" id="recurring_amount" value="" />
<!-- Donation type buttons -->
<div class="col-12 mb-3">
<h6>Odaberite period</h6>
<div class="d-flex gap-2 justify-content-evenly">
<input type="button" class="btn btn-outline-danger rounded-0 w-100" id="one_time_donation" value="Jednokratno" />
<input type="button" class="btn btn-outline-secondary rounded-0 w-100" id="monthly_donation" value="Mjesečno" />
</div>
</div>
<!-- Custom amount buttons -->
<div class="col-12 mb-3">
<h6>Odaberite iznos koji želite donirati</h6>
<div class="d-flex gap-2 justify-content-evenly">
<input class="btn btn-outline-danger rounded-0 w-100" type="button" id="amount_5" value="5 €" />
<input class="btn btn-outline-secondary rounded-0 w-100" type="button" id="amount_10" value="10 €" />
<input class="btn btn-outline-secondary rounded-0 w-100" type="button" id="amount_15" value="15 €" />
</div>
</div>
<!-- Custom amount input -->
<div class="col-12 mb-3">
<div class="input-group mb-3 ">
<input type="text" id="custom_amount" value="" class="form-control border-end-0 rounded-0" />
<span class="input-group-text bg-white" id="custom_amount">€</span>
<span class="w-100">Moguće je upisati željeni iznos</sšam>
</div>
</div>
<!-- Donate button -->
<input class="btn btn-danger w-100" type="submit" value="DONIRAJ" />
<div class="col-12">
<small>Klikom na dugme doniraj prihvaćate <a href="#" class="text-decoration-none text-danger">Opće uvjere pravila donacije</a> i pročitao/la sam <a href="#" class="text-decoration-none text-danger">Pravila o zaštiti privatnosti.</a></small>
</div>
<hr />
<img class="rounded mx-auto d-block" src="https://surfwear.sooruz.com/webshop/img/paypal-logo.png" alt="Zaštićena transakcija">
</form>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script>
// Set values for one-time donation
document.getElementById("one_time_donation").addEventListener("click", function () {
document.getElementById("recurring_payment").value = "0";
document.getElementById("recurring_term").value = "1";
document.getElementById("recurring_time").value = "0";
document.getElementById("recurring_amount").value = "";
});
// Set values for monthly donation
document.getElementById("monthly_donation").addEventListener("click", function () {
document.getElementById("recurring_payment").value = "1";
document.getElementById("recurring_term").value = "1";
document.getElementById("recurring_time").value = "0";
document.getElementById("recurring_amount").value = document.getElementById("custom_amount").value;
});
// Set values for $5 custom amount
document.getElementById("amount_5").addEventListener("click", function () {
document.getElementById("custom_amount").value = "5";
});
// Set values for $10 custom amount
document.getElementById("amount_10").addEventListener("click", function () {
document.getElementById("custom_amount").value = "10";
});
// Set values for $15 custom amount
document.getElementById("amount_15").addEventListener("click", function () {
document.getElementById("custom_amount").value = "15";
});
</script>
</body>
</html>
2 Likeova