---
title: "Prévia do Widget"
slug: "widget-preview"
updated: 2026-06-12T10:30:57Z
published: 2026-06-12T10:30:57Z
canonical: "docs.xtremepush.com/widget-preview"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Prévia do Widget

Teste as interações dos usuários e verifique como o widget aparece para diferentes usuários na aba Visualização.

A aba **Prévia** permite que você veja exatamente como o widget aparece para qualquer usuário. A tela é dividida em um painel **de Configuração** à esquerda, a prévia do widget no centro e um painel **de Ações Rápidas** à direita.

![](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/9aa984bc06d9ecdc91995a3489d7ed03ac71d7bfcfa2bd816abd21ff8595c482-51(1).png?sv=2026-02-06&spr=https&st=2026-11-04T08%3A57%3A01Z&se=2026-11-04T09%3A57%3A01Z&sr=c&sp=r&sig=Y6CuShi1DuR2UhdvSLWrwP0ThOqHByy1FoZrwI38okM%3D)

Prévia do Widget

## Painel de Configuração

Use o painel esquerdo para ajustar como a pré-visualização carrega:

- **ID de usuário**: Selecione um usuário para visualizar o widget. A prévia exibe o widget assim que você seleciona um ID de usuário.

> [!TIP]
> Se você estiver configurando o widget pela primeira vez e seus usuários não foram registrados na aba **Todos os Usuários**, pode criar um usuário de teste digitando qualquer ID de usuário. Isso mostra uma prévia padrão do widget.
- **Idioma**: Selecione um idioma entre os configurados na **aba Idiomas** . Selecionar um idioma traduz os componentes embutidos do Widget. Veja [Layout de Widgets](/documentation/docs/pt-br/widget-layout) para mais detalhes sobre componentes de widgets.

Os títulos e descrições dos seus recursos de fidelidade configurados, como regras de recompensas e conquistas, não são traduzidos automaticamente.
- **Modo Cor**: Alterne entre **modo Auto**, **Claro** e **Escuro** para pré-visualizar como o tema fica em cada configuração.
- **Página**: Selecione uma página específica para pré-visualizar, se necessário. Para mais informações sobre a estrutura da página, veja [Layout de Widgets](/documentation/docs/pt-br/widget-layout).

## Ações Rápidas

O painel direito permite testar as interações do usuário com o widget:

- **Recarregar widget**: Atualiza a prévia do widget. Use este caso mudanças recentes não apareçam.
- **Enviar Evento**: Simula um evento para testar como quaisquer recursos de lealdade, como missões ou regras de recompensa, são ativados. Quando você seleciona um evento, o payload JSON é exibido para referência antes de testar o envio do evento.
- **Enviar Recompensa**: Permite simular alterações no widget quando um usuário recebe uma recompensa. Use essa opção para testar como um pop-up de recompensa aparece para um usuário ou como o total de tokens e transações dele muda quando recebe uma recompensa.
- **Informações do Usuário Aberto**: Exibe o perfil completo e os detalhes do ID de usuário atualmente selecionado.