> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://suporte.fidelizarmais.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como customizar o widget do +fidelidade - Versão Enterprise

## Nesse artigo, mostraremos o passo a passo para fazer a customização do Widget Enterprise.

O widget de fidelidade aparece no site da sua loja com os prêmios disponíveis, cupons, desafios (e etc) para seus clientes. Temos duas versões, o **widget comum**, onde o cliente consegue logar apenas com CPF e tem as customizações reduzidas, e o **widget enterprise**, onde tudo é customizável, o menu, os nomes dos menus, os ícones e muito mais.

A customização é muito importante, porque chama a atenção do seu consumidor. Siga os passos para configurar.

**Funcionalidade paga a parte dependendo do plano contratado.**

#### Passo 1 - No painel administrativo, clique em Mais > Configurações.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/4/3/0/1430bb6be3724d00/586b8fe5-9967-4827-af44-fc6589_1iaytag.png)

#### Passo 2 - Vá em Customizar.

![](https://storage.crisp.chat/users/helpdesk/website/-/2/e/3/2/2e32cf7fa6a3fe00/952e7108-57ed-400b-8f83-91aed6_1dhv5rn.png)

#### Passo 3 - Configure as Configurações gerais.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/c/d/b/5cdbe9d3095d1400/9153ef0b-bbd4-4350-93b6-43eb12_ue2nlf.png)

**💡 Importante:** Deixe a opção Ativar selecionada para que o widget apareça no seu site.

**Nome do programa:** Escreva o nome que estará escrito no botão. Exemplo: No caso desse site, a loja optou por colocar "Clube da moça".

![](https://storage.crisp.chat/users/helpdesk/website/-/7/e/d/c/7edcb8f66d2a5400/5afa4fab-f4dc-4525-a7e1-66ac41_1m9q4uh.png)

**Nome dos pontos:** Personalize o nome das pontuações. Essa loja optou por colocar o nome dos pontos dela de "Medalhas".

![](https://storage.crisp.chat/users/helpdesk/website/-/5/6/5/d/565d2cd4f83b480/86c814a1-040b-44a1-afee-a40ac2_s4qf7f.png)

* **Ocultar botão no mobile:** Selecione essa opção se deseja que o widget não apareça no site da loja quando o cliente estiver acessando pelo celular.
* **Ocultar botão no desktop:** Selecione essa opção se deseja que o widget não apareça no site da loja quando o cliente estiver acessando pelo computador / notebook.
**Ocultar texto do botão:** Selecione essa opção se deseja que nenhum texto apareça e que fique somente o ícone no widget. Exemplo:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/4/f/1/a4f1a46125ec9000/d3a49a86-f175-4b69-b1c2-45f2d2_l1oh4z.png)

**Ocultar ícone do botão:** Selecione se deseja que nenhum widget apareça somente o texto / nome do programa. Exemplo:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/d/c/a/fdcab1c1b2e09800/79ca05ee-0827-4f3b-8546-1870e7_148jhnb.png)

* **Ocultar o menu produto:** O menu produto é o local onde estão os produtos disponíveis para resgate conforme a quantidade de pontos. Escolha se deseja ocultá-lo. Isso pode ser útil caso não queira oferecer produtos como prêmio.
* **Ocultar o cupom de menu:** O menu de cupons é o local onde estão os cupons disponíveis para resgate conforme a quantidade de pontos. Escolha se deseja ocultar o menu de cupons. Isso pode ser útil caso não queira oferecer cupons como prêmio.

#### Passo 4 - Faça a customização da Home.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-30-53-6846-PM.png?width=670&height=152&name=image-png-Jan-31-2025-05-30-53-6846-PM.png)

* **Digite uma frase de bem vindo:** Essa frase fica na entrada, assim que o cliente clica em nenhum widget. Exemplo: Essa loja optou por colocar "Seja bem vindo ao nosso programa de fidelidade!"
* **Texto da pontuação** _(Exemplo: Você tem %pontos%):_ Esse texto mostrará o saldo de pontos do cliente, ficará disponível para o cliente fazer login no widget.
* **Texto do cashback** __(Exemplo: Seu cashback é R$ %cashback%):__ Esse texto mostrará o saldo de do cliente, ficará disponível para o cliente fazer login.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-43-20-9551-PM.png?width=259&height=180&name=image-png-Jan-31-2025-05-43-20-9551-PM.png)

#### Passo 5 - Personalize o comportamento do botão no seu site.

* **Selecione a posição do botão:** Coloque em qual posição deseja que o widget apareça no site. Você tem as opções de colocar na direita lateral direita, esquerda, ou no rodapé no canto direito, esquerdo e central.
**Animação do ícone:** Selecione se deseja que o ícone do widget se movimente ou fique parado no site.

![pordosol](https://suporte.fidelizarmais.com/hs-fs/hubfs/pordosol.gif?width=205&height=288&name=pordosol.gif)

* **Animação do texto:** Selecione se deseja que o texto do widget se movimente ou fique parado no site.
* **Remover o logotipo da marca:** Selecione se deseja que o nome da Fidelizar+ não apareça no seu widget. _**Funcionalidade paga a parte.**_
* **Selecione o ícone:** Coloque qual vai ser o ícone/imagem que irá aparecer no seu programa de fidelidade;
* **Cor do fundo do botão:** Escolha a cor que ficará no fundo do botão;
* **Cor da fonte do botão:** Escolha a cor que será o texto que estará no botão. No caso dessa loja, a cor da fonte é branca e a cor do fundo é a laranja.
**Selecione o banner:** Este banner ficará atrás do menu prêmios, como mostramos no print abaixo.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-41-39-8196-PM.png?width=222&height=347&name=image-png-Jan-31-2025-05-41-39-8196-PM.png)

* **Selecione a(s) página(s) que deseja mostrar o widget:** Caso deseje, você pode escolher em quais páginas deseja que o seu botão de fidelidade apareça. Exemplo: Pagina inicial e de checkout, _disponível para Loja Integrada e Vtex_.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-37-00-1403-PM.png?width=670&height=242&name=image-png-Jan-31-2025-05-37-00-1403-PM.png)

#### Passo 6 - Nessa última parte, faça a Customização dos menus.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-44-37-3915-PM.png?width=670&height=282&name=image-png-Jan-31-2025-05-44-37-3915-PM.png)

**Como configurar:**

* Se você deseja que o menu Jogos apareça no widget, selecione o botão, digite um título, subtítulo e o ícone. Caso você não selecione a caixa para ativar, o ícone não aparecerá no widget.

![jogos](https://suporte.fidelizarmais.com/hs-fs/hubfs/jogos.gif?width=670&height=68&name=jogos.gif)

O título será visível na tela inicial:

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-46-03-1330-PM.png?width=231&height=230&name=image-png-Jan-31-2025-05-46-03-1330-PM.png)

O subtítulo será visível na segunda tela, após o cliente clicar no título:

![inserir](https://suporte.fidelizarmais.com/hs-fs/hubfs/inserir.gif?width=269&height=211&name=inserir.gif)

Para você escolher o ícone, clique no botão ao lado do subtítulo para visualizar diversas opções.

![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-05-48-06-3499-PM.png?width=541&height=227&name=image-png-Jan-31-2025-05-48-06-3499-PM.png)

**💡 Importante:** Os ícones são adicionados junto com o título

Faça uma configuração semelhante as opções que aparecem nessa tela de customização dos menus e salve os dados.

**💡Importante:** Caso deseje visualizar como a customização do seu widget está ficando, clique em _Preview_. Automaticamente você será direcionado para uma tela onde terá que _selecionar sua plataforma de e-commerce_, em seguida clique em _Visualizar por parceiro_.

Esperamos ter te ajudado! 😀