We have basically prepared everything we need to start experimenting with the capabilities of the system.
Information shown on screen by the widgets you've added to your overlay is gathered as events take place during your stream. So when a viewer follows, the event is registered in the system, the follower's name is populated into the widget data section of your dashboard and your overlay will be updated as a result of that.
You can customize the way the widget looks within your editor. You can manually manipulate the labels on screen by editing what you want in your Activity Feed > Widget Data > Labels, saving the settings on the top right side of the screen and reloading your overlays from your Activity Feed.
Let's go ahead and set up a Super Theme!
And go over some settings to learn how to work with the different widgets
Navigate to the Themes Gallery
Choose the Super Theme you like
As you can see, we have a few overlays created in our overlay manager. Ideally, for each of those you have a different scene.
Of course, each scene can contain multiple browser sources, as in, multiple overlays.
After creating the scenes based on the overlays that were created for us as part of the Super Theme, your scenes setup should look somewhat like this -
To better understand how to work within the editor, navigate to your overlay manager on the website and edit one of the new overlays.
Widgets have some common settings, but according to their type, they will also have their own unique settings. An alertbox will have a different set of settings than a label widget or a store redemption widget. You can expand the layers dropdown to see all of the widgets available in the overlay -
Double clicking a layer will allow you to change its name.
Selecting different layers will outline their bounding box if the layer is not locked. You can drag widgets around freely to place them as you wish.
In order to access a certain widget's settings, select it, and then press 'Settings' below the layers dropdown -
For some alerts you can also create variations -
Each variation should be edited individually based on the conditions you set for it. If you want a specific alert for a certain variation, make sure to edit it within the variation's settings. Make sure you set up the variations' conditions logically, as well as their chance percentage (which shouldn't be changed if you only have one variation for a certain set of conditions). Misconfiguration of variations can cause conflicts when an event is ingested, and may result in the alert not being played even though it's showing in your activity feed.
You can separate the alertbox that was created for you if you wish to have a single browser source for it across all your scenes. Create a new overlay in your overlay manager, keep it 1080p and name it 'alertbox', save it and then edit the overlay that contains the alertbox. Select the alertbox, and duplicate it to the newly created overlay -
Make sure to save the new overlay with the duplicated alertbox.
If you do that though, make sure to also hide or delete the alertboxes created within the rest of the overlays (including the one you duplicated the alertbox from) and save it, in order to avoid duplicate audio when alerts are played.
Now, your scenes setup should look something like this -
You can right click the alertbox browser source, and select 'Copy',
Then switch between scenes and simply paste (CTRL+V) the browser source into each of them.
You can navigate back to the Themes Gallery and check out different widgets, or themes you like and want to combine elements from with your current arrangement.
All available default widgets are pretty easy to understand when experimenting with. Like the HypeCup or HypeBoss, the Merch Alerts widget or alertbox.
Certain alert types allow viewers to add messages to their engagement, like when resubbing or donating. For the text settings of these alerts, note that Primary text settings and advanced settings relate to the text of the event itself, whereas the Secondary text settings and advanced settings relate to the text of the viewer's message. Especially in cases of variations, make sure you go over all of your alerts' text settings to set it up to look the way you want.
Nice!
We covered the basics and can now go on to the final stage of our onboarding to StreamElements, which is further customizing of our stream's appearance, creating more ways for viewers to engage with it, increasing chat interaction and getting familiar with the rest of the opportunities available to us!
Proceed to the final stage of the onboarding!