With RaiseDonors, we want to give you the most amount of options for accepting donations from donors. In addition to providing RaiseDonors-hosted landing pages, we also provide options for embedding your donation form on your website through an embedded iframe. This provides you with the flexibility to customize your donation form however you see fit. However embedding a donation form on a website through an iframe does come with a few limitations to consider.
Limiting the Height and Width of Your Embedded Form
When embedding your form on your website you may want to put the form in a confined area on your website in order to fit with your overall design. When constraining the width/height of your form, keep in mind that our embedded forms are designed to resize to fit whatever space they occupy. This means that if you limit the width/height of the space you will be embedding the form, our script for resizing the form may behave unexpectedly due to the size constraints of the area. You want to make sure the section that you’re embedding the form has enough area to adequately provide space for the embedded form to prevent any issues. Particularly, if the form you’re embedding is using the built-in Thank You Page in the RaiseDonors page builder, you may run into an issue where the space does not resize correctly when the donation form is submitted and transitions to the Thank You Page.
Limitations with Plaid on Embedded Forms
When using Stripe with RaiseDonors, you do have the option to accept ACH donations through Plaid. This is a seamless way to provide donors the opportunity to donate via their bank account by logging into their financial institution to give directly via ACH. The Plaid donation flows through RaiseDonors donation pages works extremely well when using a RaiseDonors-hosted landing page. However, there are limitations to using Plaid when embedding a donation form on your website. When donating via Plaid on a donation page, a Plaid modal will appear on the donation page walking the donor through the steps of logging into their financial institution and linking their bank account to give. Because this modal is loaded directly from Plaid, RaiseDonors does not have control over the way that this modal behaves when loading in an embedded iframe. Due to this, you may see issues when including the option to give via ACH with Stripe when embedding a donation form such as the modal appearing out of place on your website when it loads, or needing to scroll to a different area on the page to see the modal when it loads. If you do choose to include Stripe ACH as an option on an embedded form, you will want to keep in mind these limitations when creating a space where donors will be able to donate on your donation form.
Apple Pay on Embedded Forms
Apple Pay and Google Pay are available options to provide on a donation page with Stripe. More information on enabling these options can be found here. Once enabled, these options can provide a simple way for donors to process donations from their mobile devices. While both Apple Pay and Google Pay will work on RaiseDonors-hosted landing page, only Google Pay will allow payments to be made on an embedded donation form. Apple Pay is unavailable to use on an embedded form due to restrictions put in place by Apple. This means that you will only be able to use Apple Pay on a RaiseDonors-hosted landing page.
Do parent URL parameters work for embedded donation forms?
Yep, any URL parameters you put in the parent URL, will be picked up and used in the iFrame (ie: RD donation page). Examples include, amount, fname, etc. More information on parameters you can pass to an embedded donation form can be found here.
Using a Redirect URL in the Page Builder as your Thank You Page
You are able to provide a URL to redirect once a donation form has been submitted. When using a RaiseDonors-hosted landing page, this will redirect to the URL you specified in the page builder as you would expect. However, when embedding a donation form on your website, if you utilize a redirect URL for your Thank You Page, the page you redirect to will only be able to load inside of the iframe that is embedded on your website. This is due to the sandboxed nature of embedded forms.