> ## 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 de fidelidade na versão popular ## Nesse artigo vamos mostrar o passo a passo para fazer a customização do widget e deixar ele com a cara da sua loja. O widget de fidelidade é o local onde seu cliente poderá acessar informações sobre o programa, verificar o saldo, prêmios disponíveis para resgate, cupons resgatados e muito mais! A personalização é essencial, pois quanto mais alinhado à identidade da marca e customizado, maior o interesse que pode despertar no consumidor. A seguir, apresentaremos os passos para a configuração. 💡Importante: Está é a versão para planos abaixo de R$ 750,00 mensais. #### Passo 1 - No painel do +fidelidade, clique em Mais > Configurações. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/0/a/7/80a7661b2107d800/2bc8aa13-5d85-4f52-97e6-6b5a9d_1tvd8ra.png) #### Passo 2 - Logo em seguida, no lado esquerdo da sua tela clique em Customizar. ![](https://storage.crisp.chat/users/helpdesk/website/-/a/3/b/5/a3b50c0acbc2b800/6023ec34-7b07-41e8-be1a-926a10_ubr9bh.png) #### Passo 3 - Nesse primeiro quadro preencha as seguintes informações: ![](https://storage.crisp.chat/users/helpdesk/website/-/4/4/1/b/441be70803973400/ec6d7a7a-2d10-4e41-9ad4-3ca2af_vinlgc.png) 💡 Importante: Sempre deixe a opção Ativar 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".  É essencial que o nome esteja relacionado à sua marca e ao clube, para aumentar instigar a utilização do cliente. ![](https://storage.crisp.chat/users/helpdesk/website/-/c/9/1/c/c91ca650bf074800/eb372dd6-443a-4340-9fc0-47ae9b_oiqujq.png) **Nome dos pontos:** Personalize o nome das pontuações. Essa loja optou por colocar o nome dos pontos dela de "Pérolas" ![](https://storage.crisp.chat/users/helpdesk/website/-/d/6/b/0/d6b071f591e75000/c7cbc6e8-82a1-49f8-b95e-019fe0_12uykux.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. * **Ocultar ícone do botão:** Selecione se deseja que nenhum ícone apareça somente o texto / nome do programa. * **Ocultar o menu produto:** O menu produto é onde ficam os produtos disponíveis para resgates de acordo com a quantidade de pontos. Selecione se deseja que ele não apareça. Você pode usar isso para não ter nenhum produto como prêmio. * **Ocultar o cupom de menu:** O menu cupom é onde ficam os cupons disponíveis para resgates. Selecione se deseja que o menu de cupons não apareça. Você pode usar isso para não ter nenhum cupom como prêmio. #### Passo 4 - 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. Há opções para posicionar na lateral direita, esquerda, ou no rodapé nos cantos direito, esquerdo e central. Neste exemplo, ele está localizado no centro à esquerda. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/1/d/b41daa137f759800/b57361d2-c34b-4210-913c-01f579_15m2mcd.png) * **Animação:** O ícone do widget pode conter uma animação de movimento ou ficar parado, você consegue customizar isso. * **Selecione o ícone:** Escolha o ícone/imagem que será exibido 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. Nesse exemplo, o _fundo do botão é rosa e a fonte é branca_. ![](https://storage.crisp.chat/users/helpdesk/website/-/9/8/5/e/985e07a669309000/6853844a-7fe2-46f5-bb0f-792249_1h5cym8.png) * **Selecione o banner:** Este banner ficará na tela inicial, como mostrado no print abaixo. ![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-26-2025-10-13-09-1572-PM.png?width=214&height=304&name=image-png-Jan-26-2025-10-13-09-1572-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. #### Passo 5 - Salve e verifique suas configurações Para 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 visualizar por parceiro . ![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-26-2025-10-14-35-8064-PM.png?width=670&height=146&name=image-png-Jan-26-2025-10-14-35-8064-PM.png) Pronto! Agora seu widget está perfeito para ser colocado no seu site.