Setting up custom GTA stream widgets in OBS Studio only takes a few steps. Whether you are adding an iFruit phone chat box or a GTA Mission goal tracker, this guide shows you how to bring your new overlay into OBS.
Need to set up your code inside StreamElements first? Read our full StreamElements Setup Page.
What You Need Before You Start
Make sure you have set up your widget inside StreamElements and copied your unique overlay web link.
Quick Tip: Keep the Local File option unchecked in OBS. StreamElements runs your GTA widget on the web, so all you need is your web link.
Step by Step OBS Installation
Add a Browser Source
Open OBS Studio. Go to the Sources box at the bottom. Click the plus button and pick Browser. Give it a clear name like "GTA Mission Bar" or "iFruit Chat Box" and click OK.
Paste Your Web Link
In the window that opens, paste your StreamElements overlay link into the URL box. Make sure the Local File checkbox remains unchecked.
Set Dimensions and Audio
Set Width to 1920 and Height to 1080 to match your stream canvas size. If your widget plays sound cues, like our GTA Mission Passed celebration fanfare, check the box for Control audio via OBS so you can adjust the volume in your mixer.
Click OK. Your new GTA widget will pop up live on your scene.
Want More GTA & FiveM Overlays?
Check out our iFruit phone chat box, Mission Goal trackers, and Vice City HUD overlays on Etsy.