Donation Goals

People ask this as

Comes with strAImer: this module is installed together with the app, so there is nothing to download. It is listed under Module Catalog → Built-in.

What this page is

Donation Goals is a list of fundraising bars for OBS. Each goal in it is its own overlay with its own target, its own look and its own link — a general one that stays on screen, one for tonight, one nobody sees yet. Incoming donations add themselves up; this page is where the titles, the numbers and the looks are set.

The list

Every goal is a row: a switch, its name, how much it has collected of its target, Copy link for OBS, and the buttons Pause, Duplicate, Delete and Configure. The link itself is not shown on the page; the button is the only way to get it.

How to set up one goal

  1. Press Configure in the row. In the middle is a live preview of the bar — title, bar and the progress text on it, written as 6500 / 10000 (65%). The name of the goal is the field in the header, next to Back to list.
  2. In the left column pick Goal Data.
  3. Goal Title is the line above the bar — what viewers read. Leave it empty and it reads Fundraising, in the language of the application. It is not the same as the name in the header: that one is only for the list.
  4. Target Amount is the number the bar fills up to; 1 is the smallest it takes.
  5. Current Amount is where the bar stands right now. Donations move it themselves, so you normally touch it only to correct the figure or to start over — put 0 there for a new stream. The field keeps up with live donations while you have the page open, and pressing Save Settings without touching it does not roll the bar back. Reset next to the field puts the collected amount back to zero — the same goal starts over, keeping its look, its title and its OBS link. It asks first and names the amount: that number is not stored anywhere else.
  6. The rest of the left column is the look: Backdrop, Material, Outline effect, Title, Bar, Fill, Progress Text, Goal Bounds and Edge padding. Goal Data comes last, under all of them. Opening a goal puts you on Backdrop. Backdrop is the panel behind the title and the bar: Block width, Background Color, Corner Radius, Padding, Border and Shadow. Block width is how wide the whole goal is, 600 px to begin with. The goal stands in the middle of the Browser Source and is never wider than this number, so on a wide source it stays a narrow strip until you raise Block width. A wider source only leaves more empty room around it. The panel is invisible until you give it a background — the bar looked that way before the setting existed, and an overlay already in your scene must not change by itself. Colours, sizes, fonts, corner radius, borders and glow open on the right, and the preview follows every change at once. The look belongs to this goal alone.
  7. Progress Text decides what the bar says. What the Text Shows offers five forms — raised of goal with the percent, without it, raised with the percent, raised only, percent only — and Do not show for a bar with no numbers at all. Amounts carry digit grouping and your base currency. Text Position puts the line on the bar or under it; under it the size is not limited by the height of the bar.
  8. Goal Bounds is a row under the bar: zero on the left, the target on the right, what is raised in the middle. It is hidden until you turn it on — an overlay already in your scene must not change by itself. Edge padding has Top and bottom and Left and right: a transparent margin between the edge of the Browser Source and the goal, so that glow and shadows are not cut off at the edge.
  9. Styling above that list swaps the whole look: the built-in Neon, Minimal, Retro, twelve looks named after the materials, plus templates of your own. Nothing is written until you press Save Settings; see Styling an Overlay. Material, right under Backdrop, draws the goal in one of twelve styles: the bar and its fill always, the Backdrop panel only once it has a background, a border or a shadow. Under a material the Border fields are hidden, and some shadows too, because the material draws its own edge. Outline effect runs one of ten effects around the goal; under Plays, On event flashes it each time the collected amount grows. How materials and effects work in every overlay is in Styling an Overlay. Fill Gradient in Fill takes a transparency for each of its colours, so the fill can fade from solid to see-through.
  10. Test Progress above the preview drags the bar from 0 to 100% so you can see a filled bar without waiting for donations. The − and + buttons on the right (Zoom out / Zoom in) scale the preview.
  11. Press Save Settings in the page header. The button itself reports Saving…, Saved or Error.
  12. The link for OBS is taken in the list, not here: Copy link in the row of that goal. It goes into a Browser Source in OBS.
  13. Reset Customization puts the default look back on screen and leaves the numbers alone. It is written when you press Save Settings.

What it cannot do