This page will guide you through the installation process. If you have any questions that are not answered here, feel free to contact us. Be sure to follow all the steps without skipping any of them; this is essential for your end credits widget to function perfectly.
After downloading the provided files, open the folder where the widget you want to install is located.
1.0 Click on the quick installation link to start the installation of your new widget.
2.0 A Streamlabs page will automatically open in your browser; if you are not logged in, please log in.
3.0 Use one of your existing widget themes or click on "CREATE A NEW WIDGET THEME" and name it as you prefer (if your project has a chat widget or an alert widget we recommend placing them all in the same theme).
- The imported link will overwrite only the selected widget, which means you can combine it with any other scene or widget collection you've created on Streamlabs.
- If you want to keep your existing widgets saved, we highly recommend creating a new theme.
4.0 Select "USE" for the profile you want to use.
5.0 The page will automatically direct you to the settings of the imported widget.
6.0 Now, to generate your access key and connect your channel's advanced information, visit the Skura Studio authentication page.
7.0 Click on "Connect with Twitch" and log in to the Twitch account you want to use with your End Credits widget.
8.0 Twitch will ask you to authorize Skura Studio to access the permissions required for the widget. Review the requested permissions and click "Authorize" to continue. After the connection is completed, you will be redirected to a confirmation page where your personal Widget Token Key will be displayed. Copy your Widget Token Key and keep it somewhere safe. Do not share this key publicly, as it is used to connect your widget to your Twitch account.
9.0 Return to your End Credits widget settings on Streamlabs and open the "Custom Fields" tab.
- The Custom Fields tab is located above the HTML/CSS/JS code editors. All End Credits configuration should be done here, not in the standard Streamlabs settings.
10.0 In the first field of the Custom Fields section, paste your Widget Token Key and save your settings.
11.0 Once you have finished configuring the Custom Fields, scroll up to the top of the page and copy the Widget URL.
12.0 In your preferable streaming software, create a browser source and paste the URL.
13.0 Set both the width and height to 1000px — this fixed value ensures proper display and layout scaling.
After adding the widget on your OBS, test to see if it is working normally. If it's not functioning, repeat the process at least once. And if you still encounter issues please contact us explaining specifically what problem is occurring, preferably with screenshots of the error.