<aside> 💡

Unlike the Streamlabs Chat guide, Streamelements has very limited customization on their built-in chat widget. We can circumvent this by creating a new widget from scratch.

This guide is to help you write all the code you need to start designing.

</aside>

Setup

Starting an Overlay

  1. Log in to https://streamelements.com
  2. Create a new overlay in https://streamelements.com/dashboard/overlays
  3. Select a resolution. The current industry standard is 1080p.

image.png

  1. Create a new widget by clicking the + or ADD WIDGET button

References

https://dev.streamelements.com/docs/api-docs/775038fd4f4a9-stream-elements-custom-widgets