Custom javascript in page builder

Usage

The page builder allows for custom javascript in two ways; for the landing page and separately for the thank you page. Both sections support tokens which can be replaced during the donation will donor information.

The desired usage of this feature is to provide fine granular control over the page's function and features. It should be specific to this page and this page only. If you are making the same javascript updates to multiple pages (or all pages) - you should consider using the Global Javascript feature .

Configure

Next you can head over to the Page Builder, select any page and then click on the "Design" tab.

The first text box allows you to insert custom javascript on the main donation page, where the donor fills in their information. Common situations here are pixel tracking, analytics (but don't do Google Analytics, we have a custom integration for that here), behavior monitoring, etc. You need to include the appropriate script tags (ie: <script type='text/javascript'>) and the script will be inserted just before the closing </body> tag.

The second text box is for the thank you page. This is only applicable for a successful donation. It's most commonly used to notify external systems of a successful donation. We do have merge-tags that you can leverage, allowing you to insert real data from the donation into your javascript methods. You need to include the appropriate script tags (ie: <script type='text/javascript'>) and the script will be inserted just before the closing </body> tag.

Here are some of the tokens we provide for each script section. Here is a small peek into an example, just for reference.

All custom javascript is placed at the end of the HTML page before the closing 'body' tag. Custom javascript for the page builder is placed AFTER the custom Global javascript.

Global Javascript

In addition to providing custom javascript in the page builder you can also provide global javascript that will be applied to every page. It is OK to have scripts in both the Global and Page builder locations - so long as they do not conflict with each other.

You can access the Global Javascript settings by navigating to the admin area of RaiseDonors and clicking on Pages & Notifications -> Page Options -> Global Javascript & CSS.

Global Javascript is not applied to the donor portal at this time.