Como customizar o widget/botão de fidelidade - Versão Enterprise
Nesse artigo vou mostrar o passo a passo para fazer a customização do widget e deixar ele com a cara da sua loja.
Sabe o botão de fidelidade que aparece no site da sua loja com os prêmios disponíveis, cupons, desafios (e etc) para seus clientes? Chamamos ele de Widget. 😀✔️
A customização é muito importante, porque chama a atenção do seu consumidor. Então, vamos deixar ele bem bonito?
💡Importante: Está é a versão para planos acima de R$ 750,00 mensais.
![](https://storage.crisp.chat/users/helpdesk/website/25b5aad53d510a00/cb1434b6-9883-4145-b109-af046a_ctk8kz.gif)
![](https://storage.crisp.chat/users/helpdesk/website/dfdfc542700d7000/7e4fca52-8251-4247-9a30-253529_12vvc.png)
Customizações gerais
![](https://storage.crisp.chat/users/helpdesk/website/6029d111e838c400/eae20592-7dee-41cf-9874-ee156b_blzrc1.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 "Francisca Clube".
![](https://storage.crisp.chat/users/helpdesk/website/182cf2cc0d7dae00/f42cd561-4878-4afd-938b-1ab457_1246vyt.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/5a2da8006a38b000/77137790-29a6-44dc-8c51-936695_1qfgenl.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/8522834922c74000/c04a269a-d0c0-43d9-8e15-cb35a4_17uflyu.jpeg)
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/8e8f88f2be14480/09031ae1-1323-436e-a105-8d0324_ag1fy3.png)
Ocultar o menu produto: O menu produto é onde fica 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 premiação.
Ocultar o cupom de menu: O menu cupom é onde fica os cupons disponíveis para resgates de acordo com a quantidade de pontos. Selecione se deseja que o menu de cupons não apareça. Você pode usar isso para não ter nenhum cupom como premiação.
Customização da Home
![](https://storage.crisp.chat/users/helpdesk/website/d343fb674fb37800/33273c22-ff00-44f1-acd7-f26306_rjn6z5.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!"
![](https://storage.crisp.chat/users/helpdesk/website/5846d3e91dcc5800/afda2bb9-f2a4-4d3f-be08-d01345_mrkwhb.png)
Selecione um logo para cartão: O logo é a imagem que ficará no menu Meu Cartão . 😀
Menu "Meu Cartão"
![](https://storage.crisp.chat/users/helpdesk/website/30b5aed707392e00/cc32a125-8730-44ff-b50c-648555_699ebg.png)
Logo do cartão
![](https://storage.crisp.chat/users/helpdesk/website/1877332600913c00/1018cd68-86c7-41a5-b10f-1f5e99_pbfg6n.png)
![](https://storage.crisp.chat/users/helpdesk/website/82025a37a1a98000/85b61183-6eed-462d-bad9-2313d1_14tjwgj.png)
Texto da pontuação: Esse texto será referente a quantos pontos seu cliente tem disponível. Você pode colocar: "Sua pontuação E de% Pontos %% Nome-Pontos%"
Texto do cashback: Esse texto será referente ao valor em Cashback que seu cliente está disponível para resgate de acordo com seu saldo de pontos. Você pode colocar "Seu cashback disponível é de R$ %cashback%"
💡 Importante: Essas palavras que ficam entre "%" são substituídas pelos valores correspondentes da sua loja e do seu cliente. Quer saber mais ? Clique aqui
Exemplo:
![](https://storage.crisp.chat/users/helpdesk/website/aad07ca7b4260000/a34eebaa-d4f5-43ed-9b88-638e1a_7ka9tq.png)
Customização de comportamento
![](https://storage.crisp.chat/users/helpdesk/website/edd37f9207809800/235f9738-03f8-476c-aa5d-9189e1_qnvh29.png)
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: Selecione se deseja que o botão se movimente ou fique parado no site. Exemplo: Essa loja preferiu que ele se mexesse.
![](https://storage.crisp.chat/users/helpdesk/website/279f80a3c0452e00/c5f07519-d9a3-40e1-a317-ec8dfb_1xlfr62.gif)
Remover o logotipo da marca: Selecione se deseja que o nome da Fidelizar Mais não apareça no seu widget;
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.
Exemplo: No caso dessa loja, a cor da fonte é branca e a cor do fundo é a roxa.
![](https://storage.crisp.chat/users/helpdesk/website/3a45dce7b221a600/39766a97-3efb-4542-9a85-54aec3_1m5xpcw.gif)
Selecione o banner: Este banner ficará atrás do menu prêmios, como mostramos no print abaixo.
![](https://storage.crisp.chat/users/helpdesk/website/1ef809054181ad00/c0d3b5c1-a13b-4481-a319-f23c6b_1n994kz.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.
Customização dos menus
![](https://storage.crisp.chat/users/helpdesk/website/67dea3628fd5b400/414369ae-0969-4888-ba8b-b975fe_143ldq0.png)
Exemplo 1: Se você deseja que o menu Jogos apareça no widget, selecione o botão, digite um título, subtítulo e o ícone.
![](https://storage.crisp.chat/users/helpdesk/website/9d0f0c4ce0e2c000/4d873caf-bc9e-40a3-a861-87c42e_giem57.gif)
O título será visível na tela inicial:
![](https://storage.crisp.chat/users/helpdesk/website/153ac2bf13571c0/6664a5f5-6357-459d-9187-d0a263_gq7qcp.png)
O subtítulo será visível na segunda tela, após o cliente clicar no título:
![](https://storage.crisp.chat/users/helpdesk/website/381e65210fcdf400/e18790a1-db26-4628-a71c-8fe403_1eqgfci.gif)
Para você escolher o ícone, clique no botão ao lado do subtítulo para visualizar diversas opções. 😉
![](https://storage.crisp.chat/users/helpdesk/website/1e80afd468df7400/129ced14-5860-4624-a0e5-350eb5_n422df.png)
💡 Importante: Os ícones são essas figuras que aparecem junto com o título.
Exemplo 2 - Se você não quiser que o Depoimento apareça no widget somente não selecione ele.
![](https://storage.crisp.chat/users/helpdesk/website/406dc9f53006e400/69ad313d-0861-4a58-a1fa-ad8436_83osz6.png)
![](https://storage.crisp.chat/users/helpdesk/website/a9a8891462729000/eb4e83c2-acf7-4cb4-bdc9-2d4e31_1kjhead.gif)
Faça isso para todas as opções que aparecem nessa tela de customização dos menus.
💡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 "visualizar por parceiro".
Esperamos ter te ajudado! 😀
Sabe o botão de fidelidade que aparece no site da sua loja com os prêmios disponíveis, cupons, desafios (e etc) para seus clientes? Chamamos ele de Widget. 😀✔️
A customização é muito importante, porque chama a atenção do seu consumidor. Então, vamos deixar ele bem bonito?
💡Importante: Está é a versão para planos acima de R$ 750,00 mensais.
Passo 1 - Acesse o painel administrativo e faça seu login. Clique aqui
Passo 2 - Clique em Mais > Configurações
![](https://storage.crisp.chat/users/helpdesk/website/25b5aad53d510a00/cb1434b6-9883-4145-b109-af046a_ctk8kz.gif)
Passo 3 - Logo em seguida, no lado esquerdo da sua tela clique em Customizar
![](https://storage.crisp.chat/users/helpdesk/website/dfdfc542700d7000/7e4fca52-8251-4247-9a30-253529_12vvc.png)
Customizações gerais
Passo 4 - Nesse primeiro quadro preencha as seguintes informações:
![](https://storage.crisp.chat/users/helpdesk/website/6029d111e838c400/eae20592-7dee-41cf-9874-ee156b_blzrc1.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 "Francisca Clube".
![](https://storage.crisp.chat/users/helpdesk/website/182cf2cc0d7dae00/f42cd561-4878-4afd-938b-1ab457_1246vyt.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/5a2da8006a38b000/77137790-29a6-44dc-8c51-936695_1qfgenl.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/8522834922c74000/c04a269a-d0c0-43d9-8e15-cb35a4_17uflyu.jpeg)
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/8e8f88f2be14480/09031ae1-1323-436e-a105-8d0324_ag1fy3.png)
Ocultar o menu produto: O menu produto é onde fica 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 premiação.
Ocultar o cupom de menu: O menu cupom é onde fica os cupons disponíveis para resgates de acordo com a quantidade de pontos. Selecione se deseja que o menu de cupons não apareça. Você pode usar isso para não ter nenhum cupom como premiação.
Customização da Home
Passo 5 - Personalize a home (página inicial) do botão
![](https://storage.crisp.chat/users/helpdesk/website/d343fb674fb37800/33273c22-ff00-44f1-acd7-f26306_rjn6z5.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!"
![](https://storage.crisp.chat/users/helpdesk/website/5846d3e91dcc5800/afda2bb9-f2a4-4d3f-be08-d01345_mrkwhb.png)
Selecione um logo para cartão: O logo é a imagem que ficará no menu Meu Cartão . 😀
Menu "Meu Cartão"
![](https://storage.crisp.chat/users/helpdesk/website/30b5aed707392e00/cc32a125-8730-44ff-b50c-648555_699ebg.png)
Logo do cartão
![](https://storage.crisp.chat/users/helpdesk/website/1877332600913c00/1018cd68-86c7-41a5-b10f-1f5e99_pbfg6n.png)
Passo 6 - Personalize o texto de pontuação e de Cashback
![](https://storage.crisp.chat/users/helpdesk/website/82025a37a1a98000/85b61183-6eed-462d-bad9-2313d1_14tjwgj.png)
Texto da pontuação: Esse texto será referente a quantos pontos seu cliente tem disponível. Você pode colocar: "Sua pontuação E de% Pontos %% Nome-Pontos%"
Texto do cashback: Esse texto será referente ao valor em Cashback que seu cliente está disponível para resgate de acordo com seu saldo de pontos. Você pode colocar "Seu cashback disponível é de R$ %cashback%"
💡 Importante: Essas palavras que ficam entre "%" são substituídas pelos valores correspondentes da sua loja e do seu cliente. Quer saber mais ? Clique aqui
Exemplo:
![](https://storage.crisp.chat/users/helpdesk/website/aad07ca7b4260000/a34eebaa-d4f5-43ed-9b88-638e1a_7ka9tq.png)
Customização de comportamento
Passo 7 - Personalize o comportamento do botão no seu site
![](https://storage.crisp.chat/users/helpdesk/website/edd37f9207809800/235f9738-03f8-476c-aa5d-9189e1_qnvh29.png)
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: Selecione se deseja que o botão se movimente ou fique parado no site. Exemplo: Essa loja preferiu que ele se mexesse.
![](https://storage.crisp.chat/users/helpdesk/website/279f80a3c0452e00/c5f07519-d9a3-40e1-a317-ec8dfb_1xlfr62.gif)
Remover o logotipo da marca: Selecione se deseja que o nome da Fidelizar Mais não apareça no seu widget;
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.
Exemplo: No caso dessa loja, a cor da fonte é branca e a cor do fundo é a roxa.
![](https://storage.crisp.chat/users/helpdesk/website/3a45dce7b221a600/39766a97-3efb-4542-9a85-54aec3_1m5xpcw.gif)
Selecione o banner: Este banner ficará atrás do menu prêmios, como mostramos no print abaixo.
![](https://storage.crisp.chat/users/helpdesk/website/1ef809054181ad00/c0d3b5c1-a13b-4481-a319-f23c6b_1n994kz.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.
Customização dos menus
Passo 8 - Nessa última tela, você irá selecionar quais dessas categorias/opções quer que apareça ou não no menu e no widget.
![](https://storage.crisp.chat/users/helpdesk/website/67dea3628fd5b400/414369ae-0969-4888-ba8b-b975fe_143ldq0.png)
Exemplo 1: Se você deseja que o menu Jogos apareça no widget, selecione o botão, digite um título, subtítulo e o ícone.
![](https://storage.crisp.chat/users/helpdesk/website/9d0f0c4ce0e2c000/4d873caf-bc9e-40a3-a861-87c42e_giem57.gif)
O título será visível na tela inicial:
![](https://storage.crisp.chat/users/helpdesk/website/153ac2bf13571c0/6664a5f5-6357-459d-9187-d0a263_gq7qcp.png)
O subtítulo será visível na segunda tela, após o cliente clicar no título:
![](https://storage.crisp.chat/users/helpdesk/website/381e65210fcdf400/e18790a1-db26-4628-a71c-8fe403_1eqgfci.gif)
Para você escolher o ícone, clique no botão ao lado do subtítulo para visualizar diversas opções. 😉
![](https://storage.crisp.chat/users/helpdesk/website/1e80afd468df7400/129ced14-5860-4624-a0e5-350eb5_n422df.png)
💡 Importante: Os ícones são essas figuras que aparecem junto com o título.
Exemplo 2 - Se você não quiser que o Depoimento apareça no widget somente não selecione ele.
![](https://storage.crisp.chat/users/helpdesk/website/406dc9f53006e400/69ad313d-0861-4a58-a1fa-ad8436_83osz6.png)
![](https://storage.crisp.chat/users/helpdesk/website/a9a8891462729000/eb4e83c2-acf7-4cb4-bdc9-2d4e31_1kjhead.gif)
Faça isso para todas as opções que aparecem nessa tela de customização dos menus.
Passo 9 - Para finalizar, clique em Salvar dados para toda a customização ser salva.
💡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 "visualizar por parceiro".
Esperamos ter te ajudado! 😀
Atualizado em: 19/05/2023
Obrigado!