---
title: "Widget de Personalização"
slug: "customise-loyalty-widget"
status: "new"
updated: 2026-06-11T13:11:38Z
published: 2026-06-12T10:31:00Z
canonical: "docs.xtremepush.com/customise-loyalty-widget"
---

> ## 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.

# Widget de Personalização

Você pode personalizar o widget conforme sua necessidade. Quando você configura o widget pela primeira vez, tem a opção de selecionar um modelo ou criar seu widget do zero.

> [!NOTE]
> A customização de widgets exige algum conhecimento de desenvolvimento front-end. Esta seção é destinada a um público de desenvolvedores.

O vídeo a seguir mostra um exemplo de configuração de widget usando o modelo pré-definido do Loyalty Hub. Este modelo inclui três abas principais.

- **Nível**: Exibe a progressão atual de nível do usuário e os recursos de fidelidade disponíveis para ele.
- **Ganhar**: Lista todos os recursos de lealdade disponíveis, como missões e enquetes.
- **Resgate**: Exibe todas as opções de resgate dentro da solução de fidelidade, onde os usuários podem trocar tokens por recompensas.

[Embedded content](https://app.screencast.com/8DPlAqXDU9ly1/e)

Esta seção é dividida em categorias:

- [Layout do Widget](/documentation/docs/pt-br/widget-layout): Defina a estrutura baseada na página e os componentes específicos que compõem o widget.
- [Aparência do widget](/documentation/docs/pt-br/widget-appearance): Personalize o estilo visual do widget por meio de paletas de cores e configurações de fonte.
- [Prévia do Widget](/documentation/docs/pt-br/widget-preview): Teste as interações dos usuários e verifique como o widget aparece para diferentes usuários.