> ## 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 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](https://storage.crisp.chat/users/helpdesk/website/-/b/d/7/d/bd7dba97f14ad000/51b000f2-d1ac-41ff-a0f9-7ad0b6_1ucx2vo.gif) #### Passo 1 - No painel do +leads, vá em Customizações > 2° etapa. ![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/8/2/3c82094b744f0800/fc906dd3-7336-4247-bcb8-881575_z66fkp.png) #### 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. ![](https://storage.crisp.chat/users/helpdesk/website/-/4/1/1/6/4116f778d2a41c00/65e95424-766f-46ac-82db-8fc91c_1vaprz.png) **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. ![](https://storage.crisp.chat/users/helpdesk/website/-/2/1/d/4/21d4209296996e00/845357b8-873c-484d-bab4-9ddfb6_x5lku5.png) **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?". ![](https://storage.crisp.chat/users/helpdesk/website/-/2/f/8/5/2f854c924d363000/ab8401de-37be-47dc-9875-1f8b32_3mn5gh.png) 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. **Texto do botão:** será o texto que ficará no botão para o lead girar a roleta. No exemplo, está "Girar e torcer". ![](https://storage.crisp.chat/users/helpdesk/website/-/5/8/6/7/58670812a76b1400/fc54951d-30ef-4bb4-a13d-499b9f_15t07ub.png) 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: ![](https://storage.crisp.chat/users/helpdesk/website/-/b/1/f/3/b1f339b93451980/7561e217-1fb1-4b94-a7ae-70e53d_1vtclqq.png) * **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. ![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-12-05-12-4682-PM.png?width=1673&height=405&name=image-png-Jan-31-2025-12-05-12-4682-PM.png) #### 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! ![](https://suporte.fidelizarmais.com/hs-fs/hubfs/image-png-Jan-31-2025-12-03-12-4267-PM.png?width=212&height=243&name=image-png-Jan-31-2025-12-03-12-4267-PM.png) #### Passo 5 - Copie o script e insira no seu site, veja como fazer isso nesse link.