Identidade Visual

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

🧰 Primeiros passos

As definições de branding podem ser acedidas a partir de Rewards > My Rewards e clicando na versão que pretende editar. Aqui, pode configurar um perfil base de branding que pode ajustar para cada Perfil de Comunicação configurado no seu ambiente Fast Track CRM.
No nosso exemplo, vamos mostrar-lhe como estilizar o programa Rewards para os nossos jogadores do Reino Unido no Starry Spins Origin.
Aceder às definições de branding para o Perfil de Comunicação Starry Spins - Reino Unido
Aceder às definições de branding para o Perfil de Comunicação Starry Spins - Reino Unido
Se tiver a solução Origin ativada no seu ambiente, poderá configurar diferentes versões do seu programa Rewards e aplicar diferentes definições de branding a cada Origin.
De seguida, pode clicar em Perfil base de branding para Starry Spins, quaisquer alterações feitas aqui serão aplicadas às definições base de branding para todos os Perfis de Comunicação.
Caso contrário, clique em Ajustes de branding para Perfil de Comunicação - Reino Unido para alterar o estilo apenas para jogadores do Reino Unido.

​🎨‍ Branding Studio

Ao clicar num perfil de branding, o Branding Studio será aberto, onde pode afinar o estilo do seu programa Rewards. As definições de branding (também conhecido como Branding Studio) podem ser acedidas a partir de Rewards > My Rewards ao clicar na versão que pretende editar. Aqui, pode configurar um perfil base de branding que pode ser ajustado para cada Perfil de Comunicação no seu ambiente Fast Track CRM.
Aceder às definições de branding para o Perfil de Comunicação Starry Spins - Reino Unido
Aceder às definições de branding para o Perfil de Comunicação Starry Spins - Reino Unido
Se tiver a solução Origin ativada no seu ambiente, poderá configurar diferentes versões do seu programa Rewards e aplicar diferentes definições de branding a cada Origin.
Clique Editar aparência para abrir o Branding Studio. Aqui encontrará três separadores para personalizar a sua experiência Rewards:
  1. Aparência – Edite cores, tipos de letra, definições base e o estilo de componentes individuais, como o Modal, Popup, Barra de progresso, Cartões, Botões, Menu e Notificações. Também pode controlar a velocidade da roda e outros elementos visuais.
  2. Traduções – Traduza todo o conteúdo do Rewards, incluindo botões, mensagens de erro e pop-ups.
  3. Definições da experiência – Ative ou desative funcionalidades específicas do Rewards, como Fidelização, Moedas Virtuais e Níveis. Também pode ativar/desativar definições adicionais a partir daí, como Comportamento pós-compra ou Multiple Challenge Active.
Quaisquer alterações que fizer serão refletidas no painel de pré-visualização à esquerda, para que possa ver instantaneamente os resultados — por exemplo, alterar a cor de fundo do modal Rewards.
Neste artigo, vamos demonstrar como estilizar o programa Rewards para jogadores do Reino Unido no Starry Spins Origin.
Quaisquer alterações feitas serão refletidas na pré-visualização à esquerda, por exemplo, veja como pode alterar a cor de fundo do modal Rewards:Quaisquer alterações feitas serão refletidas na pré-visualização à esquerda, por exemplo, veja como pode alterar a cor de fundo do modal Rewards:
Branding Studio
Branding Studio

​☸‍ Roda

Quando a versão da roda está definida como "Legado", utiliza definições pré-definidas de posicionamento e escala otimizadas para diferentes tipos de dispositivo. Este modo proporciona uma experiência consistente e pronta a usar, com comportamento responsivo automático.
Definições da roda Legacy
Definições da roda Legacy
Selecionar "Predefinição" desbloqueará opções avançadas de personalização, permitindo controlo total sobre o posicionamento e o dimensionamento da roda em diferentes tipos de dispositivo (Desktop, Mobile, Tablet). Usar a roda com a sua largura e posicionamento predefinidos fará com que a roda fique centrada, com dimensionamento ideal para todos os tipos de dispositivo mencionados.
Definições da roda predefinidas
Definições da roda predefinidas
Ao usar as definições predefinidas da roda, pode ajustar:
  1. Largura da roda: Defina a largura da roda como uma percentagem da largura da viewport
  2. Largura máxima da roda: Defina a largura máxima em píxeis para a roda
  3. Horizontal: Ajuste do posicionamento horizontal em percentagem
  4. Vertical: Ajuste do posicionamento vertical em percentagem
Estas definições podem ser configuradas independentemente para as visualizações Desktop, Mobile e Tablet, garantindo uma exibição ideal da roda em todos os tipos de dispositivo. O componente da roda integra-se com o ft-wheel elemento e oferece capacidades de design responsivo.
Para obter informações sobre imagens da Roda e o nosso guia de dimensionamento, clique aqui.

​🛡‍ Insígnia de Rewards

Ao clicar em Rewards Badge, será agora mostrada uma insígnia por reclamar (se a funcionalidade estiver ativada), mostrando o número de Wheels, Bónus e Desafios por reclamar que um jogador tem, juntamente com uma pré-visualização da própria insígnia.
Esta insígnia será apresentada juntamente com o ft-my-rewards-toggle componente e pode ser configurada para alterar a posição, o estilo e o tipo de letra da insígnia.
Para ler mais sobre a implementação front-end de ft-my-rewards-toggle leia aqui​
Definições da insígnia Rewards
Definições da insígnia Rewards
📋 Registo de alterações
O Branding Studio agora inclui um Registo de alterações, dando-lhe um histórico completo das alterações e atualizações feitas à sua configuração. Utilize-o para acompanhar o que foi alterado, quando e por quem, muito útil para auditar atualizações ou resolver alterações inesperadas na experiência apresentada aos seus jogadores.
Registo de alterações de branding
Registo de alterações de branding