# Biblioteca de widgets para a Kick

> Instale overlays prontos para a Kick na biblioteca de widgets do KickBot, ajuste cada um em Widgets salvos e copie a URL do browser source para o OBS.

Source: https://kickbot.com/pt/docs/widgets/widget-library

A biblioteca de widgets é onde você pega os overlays do KickBot para a sua live na Kick: chat, alertas, número de espectadores e de seguidores, metas, último sub e mais. Você instala um widget com um clique, muda a aparência dele em **Widgets salvos** e adiciona a URL privada dele no OBS como browser source. Abra em [kickbot.com/dashboard/widget-library](https://kickbot.com/dashboard/widget-library).

Você precisa de uma conta no KickBot com seu canal da Kick conectado. Veja [Crie sua conta](https://kickbot.com/pt/docs/getting-started/create-your-account).

## O que tem na biblioteca

A biblioteca tem widgets feitos pelo KickBot e widgets feitos por outros streamers. Os widgets oficiais têm um selo de verificado e "Por KickBot" abaixo do nome. Os widgets da comunidade mostram o nome da Kick do streamer que fez o widget. O KickBot revisa cada widget da comunidade antes de ele entrar na biblioteca.

Widgets oficiais do KickBot:

| Tipo | Widgets |
| --- | --- |
| Chat | Basic Chat Widget, Basic chat (Block background), Basic chat (Box background). Veja [Overlay de chat](https://kickbot.com/pt/docs/widgets/chat-overlay). |
| Alertas | Follower Alert, Sub Alert, Gifted Sub Alert, KICKs Alert, Raid Alert. Veja [Alertas na tela](https://kickbot.com/pt/docs/alerts/on-screen-alerts). |
| Notificações | All-In-One Notification, Follower Notification, Sub Notification, Sub Gift Notification, Raid Notification |
| Contadores | Viewer Count, Text Viewer Count, Text Follower Count, Text Sub Count. Veja [Número de espectadores](https://kickbot.com/pt/docs/widgets/viewer-count) e [Contador de seguidores](https://kickbot.com/pt/docs/widgets/follower-count). |
| Metas | Simple Follower Goal, Simple Sub Goal |
| Atividade recente | Last Sub, Text Last Subscriber, Text Last Follower. Veja [Último sub](https://kickbot.com/pt/docs/widgets/last-subscriber). |

Os widgets da comunidade trazem mais estilos, por exemplo chat animado, overlays de mensagem fixada, efeitos de emotes e timers de subathon. Você também pode ver a biblioteca sem conta na galeria pública em [kickbot.com/widgets](https://kickbot.com/widgets).

![A biblioteca de widgets do KickBot filtrada nos widgets oficiais, com uma caixa de busca, um filtro KickBot e Comunidade e os cards dos widgets](https://kickbot.com/docs/images/widgets/widget-library/01-library.webp "Busque na biblioteca e filtre por quem fez o widget.")

Alguns overlays do KickBot não estão na biblioteca porque têm página própria: o [widget de TTS](https://kickbot.com/pt/docs/tts/set-up-tts), o [widget de alerta de gorjeta](https://kickbot.com/pt/docs/tipping/tip-alerts) e o [widget de imagens com IA](https://kickbot.com/pt/docs/ai/ai-images).

## Instale um widget

1. Abra [kickbot.com/dashboard/widget-library](https://kickbot.com/dashboard/widget-library).
2. Busque pelo nome ou escolha **KickBot** ou **Comunidade** para filtrar a lista. O menu de ordenação organiza os widgets por instalações, nome ou data.
3. Clique em um widget para abrir a página dele. Você vê imagens de prévia, uma descrição curta e o **Tamanho na live** (a largura e a altura para usar no OBS).
4. Clique em **Instalar widget**.

![A página do Text Follower Count na biblioteca de widgets com o botão Instalar widget, as imagens de prévia e o tamanho na live](https://kickbot.com/docs/images/widgets/widget-library/02-detail.webp "Cada página de widget mostra prévias, uma descrição e o tamanho para o OBS.")

Ao instalar, você recebe sua própria cópia do widget, com uma URL privada só dela. Depois o botão muda para **Instalado**, com um link para **Abrir widgets salvos**. Se você quer uma segunda cópia do mesmo widget com outras configurações, use **Duplicar** em Widgets salvos (veja abaixo).

Quando quem fez o widget publica uma versão nova, sua cópia instalada passa a usar a versão nova. Suas configurações continuam as mesmas.

## Widgets salvos

[Widgets salvos](https://kickbot.com/dashboard/saved-widgets) lista todos os widgets que você instalou e os widgets que você mesmo criou no [editor de widgets](https://kickbot.com/pt/docs/widgets/widget-builder). Cada linha mostra quem fez o widget, o tamanho e a URL com a parte secreta oculta. Use a caixa de busca e os filtros **Qualquer um**, **KickBot**, **Comunidade** e **Eu** para encontrar um widget.

![Widgets salvos no KickBot com quatro widgets, cada um com a URL oculta e um botão Copiar URL](https://kickbot.com/docs/images/widgets/widget-library/03-saved.webp "Widgets salvos: copie uma URL ou clique em uma linha para mudar as configurações.")

O que você pode fazer com um widget salvo:

- **Editar**: clique na linha. Abre um painel com uma prévia ao vivo, o nome do widget e as configurações dele.
- **Copiar URL**: copia a URL do browser source para o OBS.
- **Configuração no OBS** (no menu **⋯**): mostra a URL, o tamanho e os passos no OBS.
- **Duplicar** (no menu **⋯**): cria uma cópia com as mesmas configurações, uma URL nova e "(Copy)" no fim do nome.
- **Excluir** (no menu **⋯**): remove o widget. Isso não pode ser desfeito, e a URL dele para de funcionar.

### Mude as configurações

1. Clique no widget em Widgets salvos.
2. Mude as configurações. A prévia no topo atualiza na hora. Só você vê a prévia.
3. Clique em **Salvar alterações**.

As configurações são diferentes em cada widget, por exemplo texto, cores, tamanho da fonte ou o número de uma meta. Uma configuração obrigatória vazia mostra "Falta um valor obrigatório", e você só consegue salvar depois de preencher. **Restaurar padrão** volta o padrão de todas as configurações, mas não salva. Clique em **Salvar alterações** depois.

Quando você clica em **Salvar alterações**, o widget no OBS recarrega sozinho com as novas configurações. Você não precisa atualizar o browser source.

Em **Eventos de teste**, você pode enviar para a prévia um follow, um sub, uma mensagem de chat e mais, tudo falso. Só aparecem os eventos que o widget usa. Os eventos de teste vão só para a prévia, nunca para o OBS ou para a sua live.

As configurações de imagem, vídeo e áudio têm um botão de envio. Os arquivos podem ter até 25 MB.

## Adicione um widget ao OBS

1. Em Widgets salvos, clique em **Copiar URL** no widget. Você também pode abrir **⋯** > **Configuração no OBS**, que mostra o tamanho certo.
2. No OBS, adicione uma fonte **Navegador** (**Browser**) à sua cena.
3. Cole a URL no campo **URL**.
4. Defina **Largura** (**Width**) e **Altura** (**Height**) com o tamanho do widget (por exemplo 800 × 600 para um widget de chat).
5. Clique em **OK**.

![O painel Configuração no OBS de um widget salvo com a URL do browser source oculta, um botão Copiar URL e cinco passos no OBS](https://kickbot.com/docs/images/widgets/widget-library/04-obs-setup.webp "A Configuração no OBS mostra a URL e o tamanho do browser source.")

A mesma URL funciona no Streamlabs Desktop, no Meld e em outros apps de streaming que têm browser source. Para mais ajuda com tamanhos, camadas e atualização, veja [Adicione um browser source ao OBS](https://kickbot.com/pt/docs/getting-started/add-browser-source-obs).

> **Caution:** Mantenha as URLs dos widgets privadas. Qualquer pessoa com a URL pode mostrar seu widget na tela dela. Se uma URL vazar, duplique o widget (a cópia ganha uma URL nova), coloque a URL nova no OBS e exclua o widget antigo.

## Membros da equipe

Os membros da equipe precisam da permissão **Configurar Widgets** para instalar, mudar, duplicar ou excluir widgets. Sem ela, eles podem ver a biblioteca, mas os botões ficam desativados. Veja [Gerenciar equipe](https://kickbot.com/pt/docs/account/team).

## Solução de problemas

**O widget aparece em branco no OBS.** Confira se você colou a URL inteira e se a largura e a altura batem com o tamanho do widget. Alguns widgets só mostram algo quando um evento acontece, por exemplo um alerta. Envie um evento de teste no painel de edição para ver a aparência e depois espere um evento real.

**O widget mostra configurações antigas.** Confira se você clicou em **Salvar alterações**. Se o OBS ainda mostrar a aparência antiga, clique com o botão direito na fonte e escolha **Atualizar cache da página atual** (**Refresh cache of current page**).

**O widget aparece cortado ou pequeno demais.** O tamanho do browser source não bate com o do widget. Use o tamanho de **Configuração no OBS** e depois ajuste a fonte na cena com o mouse.

## Perguntas frequentes

**Os widgets do KickBot são grátis?**

Sim. Você pode instalar widgets da biblioteca no plano Grátis. O limite de 10 widgets do plano Grátis vale para os widgets que você mesmo cria no [editor de widgets](https://kickbot.com/pt/docs/widgets/widget-builder).

**Posso usar o mesmo widget em duas cenas?**

Sim. Adicione a mesma URL como browser source nas duas cenas. Se você quer configurações diferentes em cada cena, duplique o widget em Widgets salvos e use a URL da cópia na segunda cena.

**Os widgets do KickBot para a Kick funcionam no Streamlabs?**

Sim. Todo widget do KickBot é uma página web, então funciona em qualquer app de streaming com browser source, incluindo OBS, Streamlabs Desktop e Meld.

**Posso criar meu próprio widget e compartilhar?**

Sim. Crie no [editor de widgets](https://kickbot.com/pt/docs/widgets/widget-builder) e publique. Depois de uma revisão, outros streamers podem instalar pela biblioteca.