Embedding donation form in an iframe

Kurt Hansen -

One option for displaying how your donation form appears is embedding it in an iframe on your site.

To do so, you need to make some changes to the pages on the CharityWeb server. Your site also needs to be secure.

Here is what to do:

  1. Create a new page under Donation Pages with a new directory. A good directory name to use is embed
  2. Contact CharityWeb techsupport at techsupport@charityweb.net so we can make some changes to your page so that just the form is displayed.
  3. Once that is done, add the following HTML to your page with CLIENTDIR replaced with the address from your CharityWeb donation page:
    <iframe src="https://ssl.charityweb.net/CLIENTDIR/embed/" frameborder="0" style="width: 100%; height: 1000px; overflow-x: scroll; overflow-y:scroll" id="donateframe" name="donateframe"></iframe>
  4. You will also need to make some changes to your Stripe account so that Apple Pay and Google Pay work within the iframe. See article in this section.
Have more questions? Submit a request


Please sign in to leave a comment.
Powered by Zendesk