Widgets in your overlay display information based on real-time events during your stream. For example, when a viewer follows you, the event is recorded, and the follower's name is updated in your widget data, which then reflects on your overlay.
Customizing Widget Appearance
You can customize widget appearances in the editor. Adjust labels by navigating to Activity Feed > Widget Data > Labels. Save your settings at the top right and reload your overlays from the Activity Feed.
Setting Up a Super Theme
To set up a Super Theme and configure various widgets, follow these steps:
- Navigate to the Themes Gallery: Choose a Super Theme you prefer.
- Create Scenes: Each overlay should correspond to a different scene, though scenes can have multiple overlays (browser sources).
- Edit Overlays: Access the overlay manager on the website and edit the new overlays as needed.
Working with Widgets
Widgets share some common settings but also have unique configurations depending on their type. For example, an alertbox has different settings compared to a label widget or a store redemption widget.
- Expand Layers Dropdown: View all widgets in the overlay.
- Rename Layers: Double-click a layer to change its name.
- Outline and Position Layers: Selecting layers outlines their bounding boxes if not locked. Drag widgets to reposition them as desired.
- Access Widget Settings: Select a widget and press 'Settings' below the layers dropdown.
Some alerts allow for creating variations.
Editing Alert Variations
Each alert variation must be edited individually based on its specific conditions. Ensure that:
- You configure each variation's settings appropriately.
- Conditions and chance percentages are logically set.
- Variations have consistent configuration to avoid conflicts and ensure alerts play correctly.
Creating a Unified Alertbox
To use a single alertbox across all scenes:
-
Create a New Overlay:
- In the overlay manager, create a new overlay at 1080p resolution.
- Name it 'alertbox'.
- Save the overlay.
-
Duplicate the Alertbox:
- Edit the overlay containing the original alertbox.
- Select and duplicate the alertbox to the new 'alertbox' overlay.
- Save the new overlay with the duplicated alertbox.
-
Remove Duplicate Alertboxes:
- Hide or delete the alertboxes in the original and other overlays to prevent duplicate audio.
Now, your scenes setup should look something like this -
Integrating the Alertbox into Scenes
-
Copy the Alertbox Source:
- Right-click the alertbox browser source and select 'Copy'.
-
Paste the Source into Other Scenes:
- Switch to each scene and paste (CTRL+V) the browser source.
Customizing Widgets and Themes
Explore the Themes Gallery to discover widgets and themes that complement your current setup. Experiment with:
- Default Widgets: Such as HypeCup, HypeBoss, and alertbox, which are straightforward to understand and integrate.
Managing Alert Text Settings
Certain alert types allow viewer engagement through added messages, such as resubbing or donating. When configuring text settings:
- Primary Text Settings: Adjust text related to the event itself.
- Secondary Text Settings: Customize text related to viewer messages.
- Advanced Settings: Fine-tune these settings to achieve desired visual outcomes.
Configuring Alerts for Variations
Especially for alert variations, ensure thorough review of text settings across all alerts to maintain consistency and desired appearance.