Your first control panel: step-by-step

Create a working control panel in minutes, from a blank panel to a live toggle button.

Prerequisites

• At least one integration configured in Connect (e.g., Viz Flowics, OBS)
• Editor role or higher

Step 1: Open the Builder

Go to Helmo Control > Builder from the sidebar.

Step 2: Create a Panel

1. Click + New Panel
2. Name it (e.g., "Main Controls")

Step 3: Add a button

Option A: Manual

1. Click + Add Button or drag onto the grid
2. Give it a label (e.g., "Lower Third")
3. Set the action type to your integration
4. Choose the specific resource to control
5. Set the action to TOGGLE
6. Pick a color

Option B: Use the Wizard

1. Click the Wizard button in the toolbar
2. Select your integration type
3. Choose the resources you want buttons for
4. Click Generate. Buttons are auto-created with correct actions

Step 4: Test in Client

1. Click Preview (top right) to open Client
2. Press your button. The overlay should animate IN
3. Press again. It should animate OUT
4. The button glows when the overlay is ON AIR