Identidade visual

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

🧰 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 UK de Starry Spins
Aceder às definições de branding para o Perfil de Comunicação UK de Starry Spins
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 o Perfil de Comunicação - Reino Unido para alterar o estilo apenas para jogadores do Reino Unido.

​🎨‍ Estúdio de Branding

Ao clicar num perfil de branding, abre-se o Branding Studio, onde pode aperfeiçoar o estilo do seu programa Rewards. As definições de branding (também conhecidas como Branding Studio) podem ser acedidas a partir de Rewards > My Rewards clicando 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 UK de Starry Spins
Aceder às definições de branding para o Perfil de Comunicação UK de Starry Spins
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 em 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, Pop-up, Barra de progresso, Cartões, Botões, Menu e Notificações. Também pode controlar a velocidade da roda e outros elementos visuais, como os visuais do Distintivo Rewards, do Torneio e do Histórico do Jogador.
  2. Traduções – Traduza todo o conteúdo Rewards, incluindo botões, mensagens de erro e pop-ups.
  3. Definições de experiência – Ative ou desative funcionalidades específicas do Rewards, como Fidelidade, Moedas virtuais e Níveis. Também pode ativar/desativar definições adicionais a partir daí, como comportamento pós-compra, Deep Link ou Múltiplos desafios ativos.
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, demonstraremos como estilizar o programa Rewards para jogadores do Reino Unido no Starry Spins Origin.
Quaisquer alterações efetuadas serão refletidas na pré-visualização à esquerda, por exemplo, eis como pode alterar a cor de fundo do modal Rewards:Quaisquer alterações efetuadas serão refletidas na pré-visualização à esquerda, por exemplo, eis como pode alterar a cor de fundo do modal Rewards:
Estúdio de Branding
Estúdio de Branding

​☸‍ Wheel

Quando a versão da roda está definida como "Legado", utiliza definições de posicionamento e dimensionamento predefinidas, otimizadas para diferentes tipos de dispositivos. Este modo proporciona uma experiência consistente e pronta a utilizar, com comportamento responsivo automático.
Definições da roda Legacy
Definições da roda Legacy
Ao selecionar "Padrão" irá desbloquear opções avançadas de personalização, permitindo controlo total sobre o posicionamento e o dimensionamento da roda em diferentes tipos de dispositivos (Desktop, Mobile, Tablet). Utilizar a roda com a sua largura e posicionamento predefinidos fará com que a roda fique centrada, com um dimensionamento ideal para todos os tipos de dispositivos mencionados.
Definições da roda padrão
Definições da roda padrão
Ao utilizar as definições padrão da roda, pode ajustar:
  1. Largura da roda: Defina a largura da roda como uma percentagem da largura da janela de visualização
  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 de forma independente para as vistas Desktop, Mobile e Tablet, garantindo uma apresentação ideal da roda em todos os tipos de dispositivos. O componente da roda integra-se com o ft-wheel elemento e fornece capacidades de design responsivo.
Para obter informações sobre imagens da roda e o nosso guia de dimensionamento, clique aqui.

​🛡‍ Rewards Badge

Ao clicar em Rewards Badge, será agora mostrado um distintivo 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 do próprio distintivo.
Este distintivo será apresentado juntamente com o ft-my-rewards-toggle componente e pode ser configurado para alterar a posição, o estilo e o tipo de letra do distintivo.
Para saber mais sobre a implementação front-end de ft-my-rewards-toggle leia aqui​

📋 Registo de alterações

O Branding Studio agora inclui um Registo de alterações, fornecendo-lhe um histórico completo das alterações e atualizações feitas à sua configuração. Utilize-o para registar o que foi alterado, quando e por quem, sendo 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

👤 Histórico do jogador

A partir de Definições de experiência, pode ativar o Histórico do jogador componente. Depois de ativado, aparece um ícone junto ao avatar do jogador, dando-lhe acesso direto ao seu histórico de transações.
Histórico do jogador - Front-end
Histórico do jogador - Front-end
Nesta vista, os jogadores podem ver tudo o que compraram em qualquer Shop em Rewards, com opções de filtragem disponíveis para restringir ainda mais o seu histórico.
​
​
❓ O que pode gerir?
Uma vez ativado em Definições de experiência, pode personalizar a aparência do modal do Histórico do jogador através de Definições de aparência, e editar as mensagens e botões predefinidos a partir da Traduções secção.
​
​
​
​
​
​

🔗 Deep Link

Para ativar o Deep Linking, vá a Definições de aparência e selecione o Definições de experiência separador. Depois de ativado, pode criar ligações diretas para secções específicas de My Rewards a partir de elementos externos, como páginas no seu site ou botões CTA em comunicações promocionais, levando os jogadores exatamente para onde deseja sem cliques extra.
Ativar Deep Link
Ativar Deep Link
❓Como posso utilizá-lo?
Depois de o Deep Linking estar ativado, existem três métodos disponíveis para o implementar. Para obter todos os detalhes técnicos, consulte a documentação técnica.
Cada item de menu tem um slug — um endereço curto da página que indica ao deep link exatamente para onde direcionar o jogador. Pode vê-lo e editá-lo clicando no ícone de lápis em qualquer item de menu em My Rewards secção.
​
​
Por predefinição, o slug corresponde automaticamente ao nome do seu item de menu, mas pode personalizá-lo para qualquer coisa que desejar, com espaços substituídos por hífenes e todas as letras em minúsculas. Por exemplo, My Rewards torna-se my-rewards.
​
​
Assim que tiver o seu slug, utilize-o para criar uma ligação direta para esse item de menu:
https://your-site.com/#rewards.menu.slug
Substitua your-site.com pelo URL do seu site e slug pelo slug do seu item de menu.
No exemplo abaixo, usar o deep link numa Ação de Email leva o jogador diretamente para o seu site com o separador Rewards especificado já aberto.
​
​
Os deep links só funcionam se o item de menu pertencer ao Origin e ao Perfil de Comunicação do jogador. Se não pertencer, o Rewards abrirá numa página vazia — embora o jogador ainda possa navegar para os separadores disponíveis para si.