This article will explain using the One-Click Setup for alerts and Widgets in our Marketplace Packages.
We'll use our Dot Wave Stream Package One-Click Setups to show examples.
After you've purchased the package, saved the files to your PC, and installed OBS, you're ready to roll.
In the Folder you saved your design files in, check for the "One-Click Setups" Folder. From there, you'll want to click on Streamlabs > Then on the One-Click Setup you want to set up. (In this example, we'll be using the alerts)
After opening the link for the One-Click Setup, you'll need to choose which Widget Theme you would like to use for this widget within your Streamlabs dashboard. You can create a new widget theme to keep things separate. We'll explain below how to use multiple widget themes simultaneously.
Once you've imported the One-Click Setup, Streamlabs should automatically take you to the alerts page. From here, you'll need to navigate to "Custom Fields." This is where we have programmed all of your controls so that you can customize everything exactly how you want it. Simply scroll down until you find the custom code and click on the "Custom Fields" text.
This is an idea of what you can expect under your Custom Fields. Depending on what widget you're using, i.e., Chatbox & Goals may look differently.
Once you're done editing, scroll to the bottom and click Save Settings to ensure your changes are entirely locked in.
When you've adjusted your settings and saved everything, let's start getting your alerts or widget into OBS. Start by copying the URL found at the top of the Alert Box page.
Copy this link (it works for ALL alerts) and import it into OBS as a Browser Source, then you're ready to rock and roll.
Head over to OBS and start by clicking the "+" under sources and add a new browser source.
Take the link you copied from Streamlabs and replace the default OBS URL found in OBS. Click "OK" and test your alerts inside Streamlabs. If your product mentions it you may need to custom-set the source Width and Height. However, 800x600 is a great default.