There are times when you want to insert some customization into your giving pages and forms. Have no fear, CSS and JavaScript are here! The page builder allows for Custom Cascading Style Sheet (CSS) and JavaScript modifications. This is a very powerful feature which allows you to have full, granular control over the design, layout and presentation of the donation page or form.
How to Configure
Once you’re logged into RaiseDonors, navigate to your existing pages through the Fundraise tab in your navigation panel. Here, you can either create a new page or form or edit an existing one. Either way, once you’re in the Builder, select the paint palette icon, or the Design tab, in the upper right corner of the page builder screen.
This icon allows you to configure the style of your Page or Form. Scroll to the bottom of this Design tab to find the boxes for custom CSS and JavaScript.
Before You Get Started
- When supplying CSS, please ensure to also include the opening and closing style tags. This CSS will be placed in the <head> section of the page.
- For JavaScript - Common situations for using JS are pixel tracking, analytics, behavior monitoring, etc. The script will also be inserted in the <head> tag as well.