1️⃣ Go to the “Streaming” section in your page menu. Choose the widget you want to use and configure it to your liking.
Once your widget has been configured, a URL will be available in the dedicated field. Click on the “Copy” button to copy this URL to your clipboard.
2️⃣ In OBS, go to the “Sources” section and click on “+”. In the drop-down menu, choose “Browser”.
In Streamlabs, go to the “Sources” section and click on “+”. In the drop-down menu, choose “Browser Source”.
Select “Create new”, then name it.
3️⃣ In the next window, paste your alert URL into the “URL” field, then click OK to see your widget appear on screen. If you are adding a donation alert, you will simply see a colored rectangle appear.
4️⃣ You can move your widget simply by clicking on it and dragging it, and resize it using the points at the edges.
If it is a donation alert, go to Tipeee, in your alert configuration space, then click on “Restart animation” to trigger your alert in OBS / Streamlabs.
5️⃣ Whenever you edit your widget on Tipeee, remember to refresh the corresponding source in your broadcasting software in order to display its most recent version.
In OBS, go to the “Sources” section, then click on your widget to select it. Then click on the “Refresh” button, located just above.
In Streamlabs, click on the gear icon located to the right of your widget, then on “Refresh cache of current page”.