Branding

Nesta página, explicaremos como pode aplicar a sua própria identidade visual ao seu programa de Recompensas.

🧰 Começando

As configurações de marca podem ser acessadas a partir de Recompensas > Minhas Recompensas e clicando na versão que você deseja editar. Aqui, você pode configurar um perfil de marca base que você pode ajustar para cada Perfil de Comunicação configurado no seu ambiente Fast Track CRM.
Em nosso exemplo, mostraremos como estilizar o programa de Recompensas para nossos jogadores do Reino Unido no Starry Spins Origem.
Acessando as configurações de marca para Starry Spins - Perfil de Comunicação do Reino Unido
Acessando as configurações de marca para Starry Spins - Perfil de Comunicação do Reino Unido
Se você tiver a solução Origin ativada no seu ambiente, poderá configurar diferentes versões do seu programa de Recompensas e aplicar configurações de marca diferentes para cada Origin.
Em seguida, você pode clicar em Perfil de marca base para Starry Spins, quaisquer alterações feitas aqui se aplicarão às configurações de marca base para todos Perfis de Comunicação.
Caso contrário, clique em Ajustes de marca para Perfil de Comunicação - Reino Unido para alterar o estilo apenas para jogadores do Reino Unido.

​🎨‍ Estúdio de Marca

Clicar em um perfil de marca abrirá o Estúdio de Marca, onde você pode ajustar detalhadamente o estilo do seu programa de Recompensas. As configurações de marca (também conhecido como Estúdio de Marca) podem ser acessadas a partir de Recompensas > Minhas Recompensas clicando na versão que você deseja editar. Aqui, você pode configurar um perfil de marca base que pode ser ajustado para cada Perfil de Comunicação no seu ambiente Fast Track CRM.
Acessando as configurações de marca para Starry Spins - Perfil de Comunicação do Reino Unido
Acessando as configurações de marca para Starry Spins - Perfil de Comunicação do Reino Unido
Se você tiver a solução Origin ativada no seu ambiente, poderá configurar diferentes versões do seu programa de Recompensas e aplicar configurações de marca diferentes para cada Origin.
Clique Editar Aparência para abrir o Estúdio de Marca. Aqui você encontrará três abas para personalizar sua experiência de Recompensas:
  1. Aparência – Edite cores, fontes, configurações base e o estilo de componentes individuais, como o Modal, Popup, Barra de Progresso, Cartões, Botões, Menu e Notificações. Você também pode controlar a velocidade da roda e outros elementos visuais.
  2. Traduções – Traduza todo o conteúdo de Recompensas, incluindo botões, mensagens de erro e popups.
  3. Configurações de Experiência – Ative ou desative recursos específicos de Recompensas, como Fidelidade, Moedas Virtuais e Níveis. Você também pode ativar/desativar configurações adicionais de lá, como Comportamento pós-compra ou Múltiplos Desafios Ativos.
Quaisquer alterações que você fizer serão refletidas no painel de visualização à esquerda, para que você possa ver instantaneamente os resultados — por exemplo, alterando a cor de fundo do modal de Recompensas.
Neste artigo, demonstraremos como estilizar o programa de Recompensas para jogadores do Reino Unido na Origin Starry Spins.
Quaisquer alterações feitas serão refletidas na visualização à esquerda, por exemplo, aqui está como você pode alterar a cor de fundo do modal de Recompensas:Quaisquer alterações feitas serão refletidas na visualização à esquerda, por exemplo, aqui está como você pode alterar a cor de fundo do modal de Recompensas:
Estúdio de Marca
Estúdio de Marca

​☸‍ Roda

Quando a versão da roda estiver definida como "Legado", ela usa configurações predefinidas de posicionamento e dimensionamento otimizadas para diferentes tipos de dispositivo. Esse modo fornece uma experiência consistente pronta para uso com comportamento responsivo automático.
Configurações da Roda Legada
Configurações da Roda Legada
Selecionar "Padrão" desbloqueará opções avançadas de personalização, permitindo controle total sobre o posicionamento e o dimensionamento da roda em diferentes tipos de dispositivo (Desktop, Mobile, Tablet). Usar a roda com sua largura e posicionamento padrão fará com que a roda fique centralizada com tamanho ideal para todos os tipos de dispositivo mencionados.
Configurações da Roda Padrão
Configurações da Roda Padrão
Ao usar as configurações padrão da roda, você pode ajustar:
  1. Largura da roda: Defina a largura da roda como uma porcentagem da largura da janela de visualização
  2. Largura máxima da roda: Defina a largura máxima em pixels para a roda
  3. Horizontal: Ajuste de posicionamento horizontal como porcentagem
  4. Vertical: Ajuste de posicionamento vertical como porcentagem
Essas configurações podem ser configuradas independentemente para visualizações Desktop, Mobile e Tablet, garantindo exibição ideal da roda em todos os tipos de dispositivo. O componente da roda se integra com o ft-wheel elemento e fornece capacidades de design responsivo.
Para obter informações sobre imagens da Roda e nosso guia de dimensionamento, clique aqui.

​🛡‍ Remblema de Recompensas

Clicar no Emblema de Recompensas agora mostrará um emblema não reclamado (se o recurso estiver ativado), exibindo o número de Rodas, Bônus e Desafios não reclamados que um jogador possui, juntamente com uma pré-visualização do próprio emblema.
Este emblema será exibido juntamente com o ft-my-rewards-toggle componente e pode ser configurado para alterar a posição, o estilo e a fonte do emblema.
Para ler mais sobre a implementação front-end do ft-my-rewards-toggle leia aqui​
configurações do emblema de Recompensas
configurações do emblema de Recompensas