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

 
Link copied

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

 
Link copied

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

 
Link copied

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.

You can set the start and end dates for displaying the Message Bar element. The element will begin showing at 12:00 AM on the start date and will be hidden at 11:59 PM on the end date, based on your organization's local time zone.

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

Social Proof

 
Link copied

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.

 

In this article