Last updated: 29/10/2020

Once you've created your MYSITE donation form, you can either send your donors to the donation form's web address (URL), or install the donation form as an iframe.

However, you can also, quite easily, install the donation form as a "pop-up" (what's called a modal) inside of your own website, with a minimum of coding.

Will the donation form be blocked by pop-up blockers?

The pop-up uses an established web method called Modal, and as such will not be blocked by any pop-up ad blockers like Adblock

Instructions for installing the donation form as a modal on your own website

First, inside of the <head> section of your website, place the following code:

<link rel="stylesheet" href="https://www.israelgives.org/iframe/IGmodal.css">

Next, place the following code right before the </body> tag of your webpage:

<script src="https://www.israelgives.org/iframe/IGmodal.js"></script>

Next, install the following code anywhere inside your webpage, within in the <body> section:

<div class="modal fade" id="IGModal" role="dialog"> <div class="modal-dialog" style="max-width: 600px;">
<div class="modal-body">
<div class="modal-content">
<div class="modal-header">
<button type="button" onclick="closeModal()" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title sr-only"></h4></div>
<iframe data-src="https://secureddonation.com/en/pay/replaceme?fb=1" src="about:blank" frameborder="0" scrolling="yes" seamless="seamless" id="iframePayment" style="width:100%;"></iframe>
</div></div></div></div>
<div class="modal-backdrop fade show" id="backdrop" style="display: none;"></div>

Finally, you need to replace replaceme in the code above with the name of your own donation form. So if your form is called leket2, the URL should be https://secureddonation.com/en/pay/leket2?fb=1

  • Note that you can adjust the max-width property if you'd like the pop-up to be wider (or less wide)
  • Note, as always, that the /en variable controls the language. To pop-up a Hebrew form, change /en to /he
  • You can add any addition variables that you'd like, as described in our Advanced MYSITE features

Opening the modal donation form

You can open the donation form using a link, a button, or any way that you like. Just be sure to include onclick="openModal()" in the code. So if I wanted to install a button, my code could be:

<button type="button" class="btn btn-primary" onclick="openModal()">Donate Now </button>

And if it was text it could be:

<a class="" onclick="openModal()">Donate Now text</a>

Did this answer your question?