Pular para o conteúdo
Português - Brasil
  • Não há sugestões porque o campo de pesquisa está em branco.

Como customizar o design/layout do pop-up da roleta?

Neste artigo, mostraremos como você customiza o layout da sua roleta, que é a parte externa, que são: as cores de fundo, os campos onde o lead deixará e-mail, celular etc, o botão que ele utilizará para girar a roleta e o que será utilizado para abrir.

Veja o que você irá customizar nessa etapa.

leadslayout

Passo 1 - No painel do +leads, vá em Customizações > 2° etapa.

 

Passo 2 - Configure o pop-up da roleta.

Você sabia? Este pop-up é acionado automaticamente quando um novo visitante entra no seu site, sem precisar clicar! Isso eleva as chances de o lead compartilhar seus dados, tornando suas campanhas de marketing muito mais eficazes.

O pop-up da roleta refere-se onde o lead informa os dados para girar a roleta.

  1. Título: ficará ao lado da roleta, e é recomendado que seja bem chamativo. No exemplo está: 
    Está com sorte? 😎 Tente um desconto no 1º mês da plataforma +fidelidade.
  2. Subtítulo: ficará abaixo do título, onde você pode colocar uma breve explicação, por exemplo: "Você tem uma grande chance de ganhar ótimo desconto! Está pronto?".
  3. Cor do título: será a cor que o texto do título irá ter. No exemplo, está branco.
  4. Cor do subtítulo: será a cor que o texto do subtítulo irá ter. No exemplo, está branco.
  5. Cor primária de fundo da tela: será a cor que a página a roleta irá ter.
  6. Cor secundária de fundo da tela: Caso você queria fazer degrade de cores, você pode, colocando uma cor diferente da cor primária. Caso não queira, é só repetir a cor primária.
  7. Texto do botão: será o texto que ficará no botão para o lead girar a roleta. No exemplo, está "Girar e torcer".

  8. Cor do fundo do botão: será a cor de fundo do botão para girar a roleta. No exemplo, está verde.
  9. Cor do texto do botão: será a cor do texto para girar a roleta. No exemplo, está branco.
  10. Logo para ficar no centro da roleta: será uma foto localizada no centro da roleta, que no exemplo, está o logo da Fidelizar+.

 

Passo 3 - Configure o widget da roleta.

Aqui estarão os campos para configurar o widget que ficará em sua loja, o lead poderá clicar nele para acessar a roleta.

Veja como ele fica no site:

  • Texto do botão: será o texto que ficará aparecendo no botão para o lead clicar e aparecer o pop-up da roleta. No exemplo, está "Está com sorte?".
  • Cor de fundo do botão: será a cor do widget. No exemplo apresentado, está preto.
  • Cor do texto do botão: será a cor do texto do widget. No exemplo apresentado, está branco.
  • Posição do botão: escolha onde o botão ficará na sua loja. No exemplo, está na Direita (centro).
  • Ícone do botão: é uma pequena foto que fica ao lado do texto do botão para chamar atenção.

Passo 3 - Configure campos extras.

Você também pode pedir campos extras ao seu lead para o mesmo poder girar a roleta, sendo eles:

  • Celular
  • Data de nascimento
  • Cpf

Passo 4 - Veja como a sua roleta ficou!

Antes de colocar no seu site, você pode analisar se as informações e cores estão corretas, inclusive, você pode testar a sua roleta antes de ela ir ao ar!

 

Passo 5 - Copie o script e insira no seu site, veja como fazer isso nesse link.