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
In Virtuous Raise, navigate to your existing pages through the Experiences tab. Here, you can either create a new page or form or edit an existing one. In the Page Builder, select the paint palette icon, or the Design tab, in the upper left side of the 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.
You can also add separate and specific JavaScript on your Confirmation page. This is an excellent way to add marketing conversion tracking pixels like Facebook Pixel without the need to edit your actual website coding.
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.