How to add a FACEIT widget to OBS

Build an overlay, copy its URL, and add it to OBS as a browser source. No plugin or player login is required.

Create the widget

Open the builder and enter the exact FACEIT nickname.
Choose a layout and keep only the stats you want on stream.
Select Transparent if the game should remain visible behind the overlay.
Use Copy URL when the preview is ready.

FACEIT Widget builder settings with the Rank and ELO preset selected — Choose a preset and keep only the fields you want viewers to see.

Use your widget dialog showing the generated Browser source URL — Copy the generated URL after the preview matches your stream layout.

Add it to OBS

Create a new Browser source in the OBS scene.
Paste the copied widget URL into the URL field.
Start with a width of 800 and a height of 300, then crop the empty area if needed.
Position and scale the source without stretching it.

OBS Add Source dialog with Browser selected — Add a Browser source to the scene where the overlay should appear.

OBS Browser source properties with a FACEIT Widget URL and an 800 by 300 canvas — Paste the widget URL and start with an 800 × 300 Browser source.

Keep the browser source active if you want its values to update while it is outside the current scene. Read the live stats guide if you want to know what appears after a match.

Transparent overlays

The Transparent option keeps the game visible through a subtle black layer while preserving contrast for the stats. The border and shadow stay disabled, so you do not need custom OBS CSS.

FACEIT rank and ELO widget displayed transparently over Counter-Strike 2 in OBS — The game remains visible through the widget while the stats stay readable.

If the widget does not update

Check that the nickname matches the FACEIT profile.
Refresh the browser source after replacing its URL.
Wait for FACEIT to publish the finished match.