Gooverlay home Getting started

Your first setup

Build your first Gooverlay scene in OBS.

From an empty scene to a widget you can trigger live. Follow the steps below, then use the recorded setup sessions if you want to see a real walkthrough.

You will need a Gooverlay account, OBS, and a browser. The first scene and browser-source workflow are available on Free.

Start with one widget

Five steps to your first live overlay

Your Gooverlay scene holds the widgets. Your OBS scene displays them through a browser source.

  1. Open your workspace and first scene

    Sign in to Gooverlay and open the dashboard. Select the workspace you want to use for your stream. Open Scene Composer and select your first scene. You can start with the single workspace and scene included in Free.

    Check: Keep the same workspace selected as you move between setup pages.

  2. Add one widget and make it yours

    Open Add Widgets and choose a simple widget, such as a text card or countdown. Save its content and appearance in Settings Studio, then check its placement in Scene Composer. Start with one widget so you can test the whole workflow before adding more.

    Check: In Scene Composer, check that Widget active and In Main Viewer are enabled for your widget.

  3. Position the widget in Scene Composer

    Drag and resize your widget on the stage. Leave room for your camera, game, or slides. Check the current live output scene; if you are preparing a different scene, use Set selected scene live when you are ready for it to appear in the output.

    Check: The scene you are editing should be the scene you intend to test live.

  4. Connect the output URL to OBS

    Open Output URL for the same workspace and reveal the combined viewer URL. In OBS, select your broadcast scene, add a Browser source, and paste that URL. Remove the default OBS custom CSS and set the browser-source size to 1920 by 1080, or the resolution of your stream. Place the browser source above the game or camera sources that should sit behind your overlays.

    Check: Keep your output URL private. It is the connection to your live overlay, and it stays stable until you rotate it.

  5. Trigger your first overlay from Live Console

    Open Live Console and select the same workspace and scene. Use Show for a text widget or the play control for a timer or countdown. Watch the result in OBS, then hide or stop it again. Once that works, add more widgets or invite a collaborator to operate them while you present.

    Check: You have completed your first setup when a widget appears in OBS in response to a Live Console control.

Watch a real setup

Recorded live, from the dashboard onward

These are full, unscripted setup sessions recorded on Twitch. Use the written steps above as your quick reference, or follow along with a session at your own pace.

If something does not appear

Check the connection one step at a time

The browser source is blank
The output can be transparent when no widget is showing. Trigger a widget, such as the Testing Dot, in Live Console to check the connection. Check that the OBS source is visible, and confirm you copied the combined viewer URL from the correct workspace.
The widget is missing or in the wrong place
Check the active output scene, the widget's Widget active and In Main Viewer settings, and the browser-source dimensions. In OBS, check that another source is not covering your overlay.
The controls do not affect the output
Confirm that Live Console, Scene Composer, and Output URL refer to the same workspace and intended scene. If you rotated the output URL, update it in OBS as well.