How to Add GIFs to Streamlabs
GIFs are a great way to add a bit of fun and personal flair to your stream.
In this guide we’ll show you how to add GIFs to Streamlabs so you can have them show up on your stream on command.
Or add custom GIFs to your Streamlabs alerts so when someone follows, donates, subscribes, etc. it’ll automatically play a GIF of your choosing.
Table of Contents
Adding GIFs to Your Stream Using Streamlabs OBS
Sometimes it can be cool to have a GIF popup on your stream after a certain event happens.
Whether you’re reacting to a miserable fail on stream, or one of your viewers redeemed a specific channel point redemption, having the ability to have GIFs show up on your stream on command can be a fun way to add some more entertainment to your stream.
Here’s how to add GIFs using Streamlabs OBS
1. Under Sources, click the plus (+) icon to add a new source.
2. Choose Media Source and name it something relevant (e.g. cat gif or something).
3. Click the Browse button on the right side of Local File and locate the GIF you have saved to your computer that you want to add to Streamlabs.
4. Click Done.
Alternatively you can simply click and drag the GIF file from your folder into Streamlabs instead of having to go through the Add a new source method.
If you want control over when your GIF(s) show up on stream, you can manually click the eye icon in the source to hide or reveal it.
Or set up hotkeys for easier control.
Here’s how to set up a hotkey
1. Click the settings icon found at the bottom left of your Streamlabs window.
2. Click Hotkeys.
3. Scroll down to find the scene that has your GIF, and click the plus icon to expand the hotkeys available.
You’ll see whatever you named your GIF source file here, with options “Show [your GIF name]” and “Hide [your GIF name]”
4. Click in the empty box next to Show [your GIF name] and then press whatever key you want to assign that hotkey to.
5. Assign the same hotkey to the “Hide” option.
Now whenever you press the hotkey you assigned, your GIF will show up on stream. Then whenever you want to hide the GIF, press the same hotkey.
Looking for more GIFs to add to Streamlabs? Check out these GIFs for Streamlabs here.
How to Add GIFs to Streamlabs Alerts
If you have your own custom GIFs that you want to add to Streamlabs for your alerts then this guide will help you out.
There are two ways to add GIFs to Streamlabs alerts. First is if you’re using SLOBS to stream, you can add an Alertbox source in there. Or if you’re not using SLOBS, you can do it in the Streamlabs dashboard on their website.
We also have a more detailed guide here for setting up Streamlabs alerts if you need help with that.
1. First make sure you have an Alertbox setup under your sources (Add new source > select Alertbox under the Widgets menu)
2. Once you’re in the Alertbox settings, select one of the alert types on the left side under the Global Settings. We’ll use Follows for this example.
3. With your alert type selected, look on the right side of that window and click Media.
4. Now click the Change Media text next to the red X under your Image/Video File
5. Drag and drop or upload the GIF you want to use as your alert in this window
6. Click Done at the bottom right, then click Done again in the main settings window (bottom right) to save your changes.
1. Login to your dashboard here: https://streamlabs.com/dashboard
2. On the left side, under the Essentials tab, click Alert Box
3. Select the alert type that you want to add your GIF to. We’ll use Follows in this example.
4. Scroll down to find the Image option, then click the Select Image found on the far right of the image box.
5. Click Uploads, then you can either drag and drop your GIF here, or upload it from a folder.
6. Click on the GIF that you just added to the Streamlabs Images Gallery and click Select (bottom right).
7. Scroll down to the bottom of the main alert type page and click Save Settings to lock in your changes.
There you go! You should now know everything you need to in order to add GIFs to Streamlabs 🙂