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.
Passo 2 - Vá em Customizar.
Passo 3 - Configure as Configurações gerais.
💡 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".
- Nome dos pontos: Personalize o nome das pontuações. Essa loja optou por colocar o nome dos pontos dela de "Medalhas".
- 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:
- Ocultar ícone do botão: Selecione se deseja que nenhum widget apareça somente o texto / nome do programa. Exemplo:
- 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.
- 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.
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.
- 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.
- 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.
Passo 6 - Nessa última parte, faça a Customização dos menus.
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.
- O título será visível na tela inicial:
- O subtítulo será visível na segunda tela, após o cliente clicar no título:
- Para você escolher o ícone, clique no botão ao lado do subtítulo para visualizar diversas opções.
💡 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! 😀