Home
Elements
Components

Overlays

Fundraise Up provides four interactive overlay Elements that help to drive conversion. These no-code elements are especially easy to integrate into your website. For information on how to configure settings for your Elements or add these Elements to your site, return to the Elements overview page.

URL configurations

These four Elements also have a Visibility tab in their settings, where you can decide where the Element should be shown or not shown. Use the following table as a guide to adding these configurations:

Behavior Example
Target the root directory: the Element will appear (or be hidden) on the main page of the website. https://mycharity.org/
Target all subdirectories: the Element will appear (or be hidden) on all pages within the website. https://mycharity.org/*
Target a specific directory: the Element will appear (or be hidden) only on this specific page within the website. https://mycharity.org/about/
The URL configurations described above can be combined to create more granular rules. For example, you can show/hide an overlay Element for all pages within a particular subdirectory using this rule: https://mycharity.org/about/*

When adding URL configurations, always provide the full URL you are targeting, including https://, and include the trailing slash at the end of the URL, even if you are targeting a page hosted in the root directory of your website.

Reminder

Aimed at reducing abandonment, this Element lets you show a reminder popup to a supporter who’s about to exit your Checkout modal without making a donation, or who is returning to your site, having previously not completed their donation and not closed the first Reminder they were shown.

Site visitors must have accepted Functional cookies in your website cookie banner for the Reminder element to work.

To see a demo of the Reminder, create a test Element in the Dashboard.

Message Bar

Enable this Element to show a message across the entire width of your site, either at the top or the bottom of the page. You can include a heading, body text and a CTA button to take site visitors to Checkout to make a donation. The CTA button opens the Checkout modal by default. If you only have the Campaign Page enabled for the associated campaign, the user will be redirected to that Page instead.

You can opt to show this Element on mobile devices, desktop, or both.

To see a demo of the Message Bar, create a test Element in the Dashboard.

Social Proof

This Element shows site visitors’ incoming donations to your campaign in near-real-time, encouraging potential supporters to join in with their own donation. You can choose how much information is shown about your supporters (first name, last name, initials, etc.). Next to each completed donation, there is a Donate button that takes visitors to the Checkout modal. If you only have the Campaign Page enabled for the associated campaign, the user will be redirected to that Page instead.

The popup contains a title, main text, image, a Donate button and one line of text telling potential supporters how many others have donated to your organization recently.

Behavior

You can choose exactly when the Popup appears on your site: display it when a page is loading, a few seconds after a page loads, when the site visitor has scrolled a certain percentage of your site, when your visitor becomes inactive, or when your visitor intends to exit the site.

The Donate button opens the Checkout modal by default. If you only have the Campaign Page enabled for the associated campaign, the user will be redirected to that Page instead.

AI

You can also choose a combination of all the above scenarios: in this case, our AI will choose the optimal moment to show the popup to achieve a conversion. The AI is, however, carefully trained to ensure that no individual supporter is ever “overloaded” with asks, and doesn’t repeatedly show one supporter the Popup in a short period of time.

To see a demo of the Popup, create a test Element in the Dashboard.

 

In this article