Skip to main content

​
How to Use Bingo

The Bingo layer lets you create interactive bingo boards for your stream.

​
Getting Started

1

Create overlay

Create a new overlay or open an existing one
2

Add Bingo Layer

Click the + icon and select Bingo
3

Set grid size

Choose your board dimensions (e.g., 5x5 for traditional bingo)
4

Add fields

Enter text for each bingo square
5

Position

Drag and resize the bingo board on your overlay
6

Save

Save your overlay to display the bingo board

​
Configuring the Board

​
Grid Size

Set the dimensions of your bingo board:
  • Minimum: 1x1
  • Maximum: 10x10
  • Common sizes: 3x3, 4x4, 5x5

​
Adding Fields

Each square on the board is a “field”:
  1. Click on a square to edit it
  2. Enter the text (e.g., “Streamer dies”, “Chat spams”, “Donation alert”)
  3. Repeat for all squares

​
Marking Fields Complete

During your stream:
  1. Click on a bingo field when the event happens
  2. The field is marked as complete and changes appearance
  3. The completion is tracked with who marked it and when

​
Styling

​
Colors

​
Typography

Customize text appearance:
  • Font family
  • Font size
  • Font color

​
Visual Options

  • Adjust opacity
  • Set in/out animations
  • Apply custom CSS via Advanced → Theme

​
Letting Your Mods Help

Let moderators mark bingo squares:
  1. Go to Permissions → Roles
  2. Use a prebuilt role or create a custom one with overlay edit permissions
  3. Invite your moderator
  4. They can now mark bingo fields during the stream
When a moderator marks a field, it tracks:
  • Their username
  • Their profile picture
  • The time it was marked

​
Tips

Plan your fields before the stream. Having all squares ready prevents awkward pauses.
Use a center free space for traditional 5x5 bingo - mark it as complete from the start.
Reset between streams by unmarking all fields if you want to reuse the same board.