The first thing you will need to do is grab the overlay to insert into OBS by copying the overlay's URL.
Step 1: Click "Copy link" on the setup steps:
Step 2: Select the + button in the bottom left and choose Browser
Step 3: Create a Browser source in OBS
A new window will then appear prompting you to either create a new source or add an existing source.
Step 4: Select 'Create new' to add a new browser source and click 'OK'
A new window will then appear prompting you to set up your browser source properties.
The following options should be set in order for the overlay to work correctly:
- URL: Paste the overlay URL you obtained in the first step.
- Width and Height: Its specified on the brief for each campaign
- Custom CSS: Should be empty.
A couple of items to note:
Shutdown source when not visible: It should be checked if your overlay has a widget that generates sound.
In general, it's a good idea to check Shutdown source when not visible to reduce the load on your computer, although this will also result in a slight delay in the overlay loading when switching between sources. A workaround to avoid this delay is to use Studio Mode to preload scenes before transitioning.