Instalando Widgets customizados no StreamElements

Caso você não conheça, StreamElements é uma ferramenta com diversas funcionalidades para livestreams, como criação de overlays, chatbot, e outras interações com o público. Apesar de ter alguns modelos prontos, é possível criar overlays, widgets e comandos personalizados para deixar a live mais interativa.

Aqui nesse site vão ficar todos as minhas criações dentro do StreamElements. Aqui abaixo você pode ver como instalar os widgets customizados.

Como instalar um widget

  1. Caso você ainda não tenha criado um overlay, acesse https://streamelements.com/dashboard/overlays e clique em "New overlay"

Imagem demonstrando o descrito no ponto acima

  1. Clique em "➕" > Static/Custom > Custom Widget.

Imagem demonstrando o descrito no ponto acima

  1. Vá em "🔧 Settings" e em "Open Editor".

Imagem demonstrando o descrito no ponto acima

  1. Será aberta uma janela com 5 abas: HTML, CSS, JS, Fields e Data.

Imagem demonstrando o descrito no ponto acima

Neste site, o código dos widgets também está organizado pelos mesmos nomes, portanto basta copiar e colar o código nessas abas. Se alguma das abas não foi especificada na sua página, deixe ela em branco. Depois, só clicar em "Done".