Looking for help?
Find answers to your questions!
- Are there any discounts I can get?
- How much do you charge for a custom?
- Can I get a package’s raw source file?
- Can I edit a package’s design or art?
- Can I change text on packages?
- How can I edit Social Media text?
- How can I get my custom coupon?
- How does the Affiliate Program work?
- How can I request for a custom project?
- I lost my package. What do I do now?
- How can I download the product I purchased?
- How can I unzip files?
- How can I install the SpellChat on OBS Studio?
- How can I install the SpellChat on Streamlabs?
- How can I install the alerts on StreamElements?
- How can I install Overlays on StreamElements?
- Youtube Sizing Guide 2022
- How can I install the overlay on Lightstream Studio?
- How can I install the alerts on OBS Studio?
- How to install an overlay in OBS Studio manually?
- OBS Overlay Quick Installation Guide
- How can I install the alerts on Streamlabs?
- How can I install the Overlays on Streamlabs?
- Twitch Sizing Guide 2022
- OBS Studio Guide
How can I install the SpellChat on OBS Studio?
The SpellChat is a chat widget designed specifically for streamers, providing a sleek and visually appealing solution for managing chat interactions.
The widget is easy to use, with a user-friendly interface and customizable features that allow streamers to add their own touch of personal style. You can choose colors, shapes and much more - the SpellChat is a fully customizable chat widget.
Here we offer a tutorial on how to install that widget to OBS Studio!
1. Download SpellChat. Extract the contents of the downloaded file to a folder of your choice.
2. You'll be redirected to Streamlabs website. "Create a new widget theme", name it as you wish and then click on "Use".
3. Scrolling down the page will lead you to the "Custom Fields" area. In there you are able to edit the chat box, changing colors, font and more.
P.S.: You are also able to check CSS, HTML and more on those options near "Custom Fields".
4. After editing everything as you wish, you can click on "Save Settings".
5. Scroll the page up again and then copy the URL that will show up.
4. Open OBS Studio and go to the "Sources" panel.
5. Click the "Add" button and select "Browser" source.
6. Place the URL in there. Configure the browser source properties as desired.
7. Click "OK" to add the chat widget as a browser source to your scene.
P.S.: You are not able to "preview" it inside OBS Studio if viewers are not sending messages on the chat!
P.S.2: While using Streamelements + OBS Studio, you can follow the same tutorial!
Updated on 07 Feb 2023