how to setup your twitch stream

How To Setup Your Twitch Stream

If you have just got into streaming or have purchased one of our stream overlay packages, this post will cover how to setup your twitch stream. It will cover everything you need to get the overlays, channel art and widgets setup.

If you have purchased and overlay elsewhere or even created them yourself this guide should still have lot’s of useful information on setting them up.

There are three main ways to divide up a stream package, channel art, overlays and widgets. Our widgets will be mainly focused on working with Streamlabs however some of the information could be useful in setting up with Streamelements. Additionally the overlay setup will be focused mainly on using obs or Streamlabs obs.

The post will be divided up into sections so you can skip straight to the elements that you are having difficulty setting up.

Channel Art

All of our twitch overlay packages come with twitch panels, profile banner, offline banner and profile picture. Setting up your twitch channel art is pretty straight simple.

Profile Banner, Offline Banner and Profile Picture Setup

First go to your twitch channel, then you should see a button called “Customize Channel”. This will take you to your twitch creator dashboard where you can customize every detail of your channel.

You should now see four tabs with one of them named “Brand”. Go ahead and select the brand tab. From here you will see options to upload your profile picture, profile banner and offline banner. The offline banner comes under the title “Video Player Banner”.

Twitch Panels Setup

We have already discussed in depth how to setup twitch panels, so we will keep it brief here. Essentially you will go to your main channel page, make sure you are on the “About” tab and select the “Edit Panels” toggle. This will enable the panels editor for your twitch channel.

Adding a panel is as simple as selecting the big “+” icon/button and then selecting “Add a Text or Image Panel”. Now just fill out the details and repeat for all the panels you intend on using. If you run into any issue be sure to checkout the full guide we linked above.


Setting up overlays can take a little more time than the channel art. There are scenes to consider, setting up the transition correctly and also plugging in all the different scenes and elements.

Streamlabs Overlay Import

All of our stream packages come with a handy .overlay file. This file is used to import a default setup to get your stream package working straight out of the gate. This overlay file will only work if you are using the Streamlabs OBS client.

If your package comes with a .overlay file then follow these steps. Withing Streamlabs OBS navigate to settings -> scene collections -> import overlay file. Now just point to the .overlay file and your overlay will be installed.

All of your scenes, transition and elements should now be imported and ready to use. If you tweak any of the elements or make a mistake and want to get the default setup back, then simply re-import the overlay file.

Manual Overlay Setup

If you would like to manually setup the overlays for your twitch stream, we’ll show you how this can be done. Usually a streaming overlay will consist of multiple scenes, each with their own set of elements.

For example you would have a live screen, starting screen, intermission screen etc. Each element will either be an image or an animated file. Create the different scenes that you would like have and then add the animated of static elements that belong to that scene.

For setting up and animated file you will want to add a “Media Source” to the scene. You can create these sources by clicking the “+” button above the source in SLOBS.

If you are setting up a static image, instead of using a “Media Source” you would use an “Image Source”.

For animated files that need to loop like the screens, top overlay or webcam, you can right click the media source > properties > toggle loop on.

Transition Setup

Stinger transitions are a great way of changing scenes without appearing jarring or sudden. Essentially they are an animation that make changing scenes a lot smoother.


Setting up a stinger transition is a little bit different to the way you would setup the other elements for you twitch stream. To start off you need to find a gear icon above the scenes section in SLOBS.

Once you have selected the scene transition settings button a popup should show with all of the options for setting up the stinger transition. Select “Add Transition” and name it whatever you would like and set the type to “Stinger”.

Now browse to the location of you transition file and select it. Change the transition point type to “Frame”

The “Transition Point” can usually be given a value between 30 and 50. Depending on the package this may be slightly higher or lower, so just experiment until it’s setup to your liking

OBS Setup

In OBS you should see a section called “Scene Transitions”. Select the dropdown (to the left of the gear icon) in this section and change it to “Stinger”. Now select the gear icon -> properties. Use the browse to select the transition webm file that you intend to use. Now change the “Transition Point Type” to frame.

The “Transition Point” can usually be given a value between 30 and 50. Depending on the package this may be slightly higher or lower, so just experiment until it’s setup to your liking

Streamlabs Widgets

Streamlabs widgets usually refer to alert box, event list, chatbox and dono goal. Some of our packages even include customizable lower thirds. Aside from the alert box all the other widgets take knowledge of coding to be able to setup. Luckily Streamlabs offer an easy import feature for importing all of the widgets straight to your profile.

If you have purchased one of our packages then you would have also received a README file, this file also covers how to setup your twitch stream. Additionally, Within that file there should be import links to all of the individual widgets. If you want to import all of the widgets then simply select the link in the “Install All Widgets” section.

Once you click this link you will be directed to Streamlabs. Sign in if you are not already, otherwise you will be shown a list of widget themes. Choose the widget theme that you would like to use this alert box with. Note that this will overwrite any widgets set up on that widget theme, so consider making a backup of the widget theme first.

This should now have successfully imported all of the widgets to your widget theme.


If you are using SLOBS you should now be able to add sources to your scene such as “Alert box” , “Chat Box” etc.

OBS Setup

If you are using OBS you will have to setup the widgets a bit differently. Let’s say you want to set up the alert box. Create a new “Browser Source” and add it to your scene. This will now need a link to whichever widget you would like to setup.

To get your link, log into the Streamlabs website -> Dashboard. Now on the left hand side is a side bar, select the “All Widgets”. Click into any of the widgets and each one should have a section called “Widget URL”. Use the copy button to safely copy the url to clipboard. Finally paste this url into your browser source.

Repeat this process for every widget you need to setup.

Widget Sizes

In order to make sure that the widgets display correctly there is one final step in setting the resolution. You can easily change the resolution of the widgets by right clicking the source selecting properties. Now you should see some height and width options. Below will list the optimal resolutions for each widget.

Alerts: W=1000 H=1000

Event List: W=800 H=600

Chat Box: W=600 H=600

Goals: W=1080 H=400

Double check you README file for these widgets sizes as some of the older packages vary slightly.

If your package came with lower thirds then checkout this in depth guide for setting them up.


Whether you have purchased a package from us or even created one of your own. You will now be armed with enough information to know how to setup your twitch stream.

Some of the setup will vary depending on whether you are using OBS or SLOBS. However we have discussed how the setup differs in each one.

If you haven’t yet got yourself a streaming package then checkout our shop for a full list of our streaming overlays.