Guia Completo: Roleta de Descontos Customizada

Este guia explica como gerenciar, personalizar e testar a sua nova roleta de descontos no Shopify.

Como Configurar as Fatias (Blocos)

Cada fatia da roleta é um Bloco dentro da seção. Você pode adicionar até 6 fatias.

1. Visual da Fatia (Ícones e Emojis)

A roleta possui um sistema de prioridade inteligente para o visual:

• Ícone (Imagem): Se você selecionar uma imagem no campo "Ícone da Fatia", ela terá prioridade total.
• Emoji Customizado: Se o campo de ícone estiver vazio, a roleta usará o que você digitar aqui.
  • Atalho Mac: ⌘ + Ctrl + Espaço
  • Atalho Windows: Win + .
• Emoji (Lista): Se os dois campos acima estiverem vazios, a roleta usará o emoji selecionado na lista suspensa.

2. Cores e Gradientes

• Cor Sólida: Defina apenas a "Cor de Fundo".
• Gradiente: Ative a opção "Ativar Gradiente" e escolha a "Cor 2". A roleta criará um efeito premium do centro para as bordas.
• Imagem de Fundo: Você pode colocar uma imagem (como uma textura) que preencherá o fundo da fatia.

3. Fatias de "Perda" (Sem Cupom)

Para criar uma fatia onde o usuário não ganha nada (ex: "Não foi dessa vez"):

• Deixe o campo "Código do Cupom" totalmente vazio.
• A roleta abrirá automaticamente um modal de "Que pena" sem o botão de copiar.

Probabilidades (Sorteio)

O campo "Probabilidade" (0 a 100) define a chance de cada fatia ser sorteada.

• Fatias com números maiores: Ganham com mais frequência.
• Fatias com números menores (ex: 1 ou 5): São as fatias "raras".
• Dica: Se quiser que uma fatia nunca saia, coloque 0. Se quiser que todas tenham chances iguais, coloque o mesmo valor em todas.

Como Testar a Roleta Várias Vezes

A roleta salva no navegador do cliente que ele já jogou (ou fechou) para não ser invasiva. Para testar novamente durante a configuração, siga estes passos:

1. Clique com o botão direito em qualquer lugar do seu site e escolha "Inspecionar".
2. Vá na aba Application (ou Aplicativo).
3. No menu lateral, abra Local Storage e clique no endereço do seu site.
4. Procure e delete as seguintes chaves:
   • cst_wheel_played_... (Remove a trava de quem já girou)
   • cst_wheel_dismissed_24h_... (Remove a trava de 24h de quem fechou no X)
5. Atualize a página (F5) e a roleta aparecerá novamente!

Dicas para um Design Premium

• Textos Curtos: No mobile, tente usar textos como "10% OFF" em vez de "Ganhe 10% de Desconto".
• Contraste: Se o fundo da fatia for escuro, use "Cor do Texto" branca. Se for claro, use cores escuras.
• Emojis: Use emojis que brilham (, , ) para chamar mais atenção visual.

Desenvolvido com foco em alta conversão e estética premium.