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.
Third-Party Cookies & Google Analytics
As technology advances and privacy concerns grow, protecting consumers online has become increasingly important. Websites often use cookies to track user behavior and store profile details. While cookies are generally safe, recent industry changes have been implemented to enhance security by preventing access to cookies on different websites (e.g., "a.com" cannot access cookies on "b.com").
This limitation may result in incomplete Google Analytics data when embedding a RaiseDonors donation page on your website. The discrepancy occurs because "raisedonors.com" is not the same domain as your organization's domain, such as "yourorganization.org". Modern browsers block cookie access between different domains.
There are two potential solutions to this issue:
-
Partial Solution (May Miss Conversion Events in Google Analytics):
RaiseDonors has modified its Google Analytics integration to support third-party cookies. This means we inform Google Analytics that it is acceptable to read cookies between your website (yourorganization.org) and raisedonors.com. While this approach generally works, some users (including your donors) may configure their browsers to prevent websites from sharing cookies. This overrides the settings we provide to Google Analytics, potentially causing missed conversion events.
-
Recommended Solution (Guaranteed Google Analytics Compatibility):
RaiseDonors offers a white-label solution that ensures seamless Google Analytics functionality when embedding a donation page. For example, if your organization's website is "yourorganization.org", we can configure RaiseDonors to work on a subdomain, like "give.yourorganization.org". This method allows cookies to be shared between the primary domain and its subdomains without any issue, regardless of your donors' browser settings. If you require complete assurance that your Google Analytics data is recorded when embedding a RaiseDonors donation page, the white-label approach is the best solution.
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.
NOTE: 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.
Conflicting javascript
If your donation page has any custom Javascript OR if the parent page (ex: where you are embedding the iFrame) has any conflicting Javascript, it can cause some erratic behaviors. It's always best to start embedding the iFrame on a page that has minimal JS and test the donation page. Then you can progressively add more custom JS and ensure the embedded donation page is not negatively impacted.