How can we help?

With its livestream feature, Rallybound provides the ability for both administrators and fundraisers to add fundraising overlays to their video streams. Livestream overlays include key fundraising information, such as your goal or progress, and they are included in broadcasts of your livestream, displaying live fundraising activity to viewers on any platform.

Note

The livestream feature is a paid upgrade. To configure livestreaming for your organization, please contact our customer success team at clientsuccess@neonone.com.

Retrieving Your Overlay URL

An overlay can be accessed for any campaign or fundraising page on a livestream-enabled campaign.

A campaign's overlay is accessed by appending /overlay to the end of your campaign URL. This is what we will refer to as the "Base Overlay URL".

To access the overlay of a personal or team fundraising page, follow the instructions below:

  1. If a fundraising page has a custom URL, its overlay is accessible by appending the custom slug to the Base Overlay URL. For example, if a custom URL is neonone.rallybound.org/campaign/mypage, the overlay for that page will be neonone.rallybound.org/campaign/overlay/mypage. This applies to both personal and team pages.
  2. If a personal fundraising page does not have a custom URL, its overlay is accessible by appending "/member/[ID]" to the Base Overlay URL. The member ID appears in the fundraising page's URL, immediately after "member/". An example URL might look like this: neonone.rallybound.org/campaign/overlay/member/123456.
  3. If a team fundraising page does not have a custom URL, its overlay is accessible by appending "/team/[ID]" to the base overlay URL. The team ID appears in the fundraising page's URL, immediately after "team/". An example URL might look like this: neonone.rallybound.org/campaign/overlay/team/123456.

Customizing Your Overlay URL

The overlay is highly customizable with URL parameters, allowing you to change the style and contents of the overlay. To customize your overlay, add URL parameters by appending a question mark (?) to your overlay URL and then add your chosen custom parameter. For example, to add a QR code to the overlay URL, add a question mark (?) followed by the QR Code parameter.

Additional parameters should be separated by an ampersand (&) in cases where there are 2 or more custom parameters. For example, to create an overlay that includes parameters for both the QR Code and orientation, your URL would look like this:

Overlay Parameter Chart

Use the chart below to select and specify your overlay parameters.  

Please note that many parameters will be included by default. They are identified in the description and are notated in bold. To change or omit these parameters, use the options provided. 

Parameter

Parameter Options

Description

style

ribbon
cove

Ribbon style overlays provide a solid strip across the screen.
Cove style overlays will stretch across the screen, just as the ribbon style, but will produce a scalloped edge at either end.
(Without this parameter, the overlay style will be ribbon)

orientation

bottom
top

The overlay can be oriented towards placement at the top or bottom of your video.
Top: the progress bar will be positioned at the top of the overlay and the recent donations will peek-out at the bottom as they come in. Use this orientation when placing the overlay at the top of your video.
Bottom: the progress bar will be positioned at the bottom of the overlay and the recent donations will peek-out at the top as they come in. Use this orientation when placing the overlay at the bottom of your video.
(Without this parameter, the overlay will be bottom-oriented by default)

logo

true
false

Includes your logo in the overlay. The logo image pulls automatically from the "Logo" section of the Media Library.
(Without this parameter, your logo will be included by default.)

org

true
false

Places your organization name in the overlay.
(Without this parameter, your organization name will be included by default.)

text

text input

Type your text, including spaces and special characters, after the equals sign (=) to show this text in the overlay.
Note: Do not include an ampersand (&) in your text input. To display an ampersand (&) in your overlay text, us %26 in place of the character.  

qrcode

true
false

Display a QR code in your overlay. Scanning this QR code will bring the viewer straight to your campaign’s donation page.
(Without this parameter, the QR code will not be included.)

amount

true
false

Display the current amount raised in your overlay. This amount will auto-update.
(Without this parameter, your amount raised will be included by default.)

goal

true
false

Display the fundraising goal in your overlay.
(Without this parameter, your fundraising goal will be included by default.)

progress

true
false

Display a progress bar across the overlay. This progress bar will auto-update as your goal is reached.
(Without this parameter, your progress bar will be included by default.)

mindonationnumber inputDisplay donations over a specified minimum donation amount.
(Without this parameter, all donations will be displayed.)

Using Your Overlay

Once you've retrieved your overlay and customized it as desired, it's time to add it to your video broadcast. Below we'll include instructions to do so in OBS Studio. Other software options will provide similar flows.

  1. Get your video inputs set up in OBS as desired
  2. Under "Source", click the plus button
  3. Select "Browser"
  4. Name your overlay and click "OK"
  5. Paste your overlay URL in the URL field
  6. Set your width and height as desired. CSS may be used to modify styles, such as color.
    • For ribbon and cove styles, width should be no less than 950. Recommended height is 175.
  7. Click "OK"
  8. The overlay will appear and load on your video. You can reposition and/or resize the overlay as desired.
  9. That's it! When you stream your broadcast, the overlay will be included and display your fundraising data in real time.