GiveWp Donation Form PopUp Modal Code HTML Element Wordpress

HCI USA DONATION PAGE TEMPLATE:

https://humanconcernusa.org/rebuild-rhingya-refugee-camp-clinic

Replace the GiveWP form ID in code below with your new form

<div style="display:none;">
 
[give_form id="22434"]
 
</div>
 
<script>
 
document.addEventListener("DOMContentLoaded", function() {
 
// Select all your custom buttons
 
const customBtns = document.querySelectorAll(".myCustomDonateBtn");
 
// Select the GiveWP modal trigger button
 
const giveBtn = document.querySelector(".give-btn.give-btn-modal");
 
if (customBtns.length > 0 && giveBtn) {
 
customBtns.forEach(function(btn) {
 
btn.addEventListener("click", function() {
 
giveBtn.click(); // Open GiveWP popup form
 
});
 
});
 
}
 
});
 
</script>