OSD & 8BitSalute Overlays

Josh Belkin
Feb 12 · Unlisted

Hey All,

Below is info on how to use customized Tiltify overlays.
For direct integrations check out these articles for: StreamLabs, Stream Elements, Stream Jar as well as the standard Tiltify overlays found in your dashboard.

Step 1: Getting Your Overlay URL

To setup your custom overlay, we first need to grab the URL for your Tiltify campaign.
The URL for all alerts will be almost the same as your Tiltify campaign.
For this example mine is: https://tiltify.com/@santadevs/testing
My overlay URL will be: http://customoverlays.tiltify.com/osd/@santadevs/testing

Your overlay URL should look similar: http://customoverlays.tiltify.com/osd/@YOUR_USERNAME/YOUR_CAMPAIGN_SLUG

Step 2: Adding Your Overlay

OBS:

  • Add a new Browser Source in the sources section of your OBS
  • Once you select Browser Source it will ask you to provide it a name.
  • After naming the source you should see the settings window. It will look something like this:
  • Set the URL to the Overlay URL from step 1.
  • Set the Width to 1920
  • Set the Height to 400
  • Press OK, you should now see your overlay on your stream.

XSplit:

  • At the bottom left of XSplit press the add button on the desired scene.
  • Select “Webpage…”
  • Enter your Overlay URL from step 1 in the URL field.
  • Press OK

Step 3: Go Live!

The overlays looks like this & is designed to sit at the bottom left of your stream:

Best of luck raising money! Thank you for all that you are doing to help those in need.

If you have any questions please feel free to contact me @SantaDevs on Twitter!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade