Programa de indicação

Um programa de indicação é um método para atrair novos usuários onde os usuários existentes convidam amigos à Web Shop através de um link especial. Como resultado, todos os participantes do programa recebem recompensas, que aumentam a fidelidade deles e motivação para continuar interagindo com a Web Shop.

O programa de indicação permite que os influenciadores e líderes de clãs promovam a Web Shop, beneficiando aos seus inscritos e a eles mesmos. Os convidados recebem uma recompensa ao fazerem suas primeiras compras, aumentando assim a quantidade de usuários engajados que compram na Web Shop.

• Fornecendo como recompensas um ou diversos itens dos seguintes tipos:
  • moedas virtuais
  • itens virtuais
  • conjunto com itens
• Personalização do widget do programa de indicação.
• Geração de links de indicação.
• Alterando o programa de indicação selecionado para o convidado antes de fazer a primeira compra.

• Só pode haver um programa de indicação no projeto.
• Os usuários não podem convidar a si mesmos.

Fluxo do convidador

1. O usuário convidador acessa a Web Shop.
2. O usuário convidador acessa ou se cadastra no site.
3. O usuário convidador abre o widget do programa de indicação e lê as condições do programa.
4. O usuário convidador recebe um link de indicação no widget.
5. O usuário convidador compartilha o link com os convidados.
6. O convidado segue o link e cumpre as condições do programa.
7. O usuário convidador abre o widget do programa de indicação e clica no botão para receber a recompensa.

Fluxo dos convidados

1. O convidado recebe um link de indicação com uma descrição das condições e recompensas do programa.
2. O convidado acessa a Web Shop pelo link de indicação.
3. O convidado se cadastra na Web Shop.
4. O convidado faz sua primeira compra na Web Shop.
5. O convidado recebe a recompensa.

Como obtê-lo

Criação de um programa de indicação

1. Abra seu projeto na Conta de Distribuidor.
2. Clique em Store no menu lateral.
3. No painel Live-ops and promotion tools, clique em :
   • Connect — se você não tiver promoções ou recompensas.
   • Configure – se você conectou promoções ou recompensas anteriormente.

4. Na aba Referral program, clique em Create referral program.
5. Defina os parâmetros necessários:
   • Especifique o nome do programa de indicação
   • Insira a descrição

6. Clique em Next.
7. Adicione recompensas que os usuários convidados e convidadores receberão:
   • Para adicionar uma recompensa ao usuário convidador, na seção Reward for inviting players, especifique os SKUs dos itens e a quantidade deles.
   • Para adicionar uma recompensa aos convidados, na seção Reward for invitees, especifique os SKUs dos itens e a quantidade deles.

8. Clique em Next.
9. Confira a descrição do programa de indicação e clique em Create.

10. Para ativar o programa de indicação, ative a opção Referral program.

Depois de configurar o programa de indicação, você poderá criar e personalizar o widget.

Configuração do widget

1. Na página do programa de indicação, clique em Go to customizer.

2. Configure os componentes do widget em um conjunto de estados. Para fazer o widget corresponder ao design do jogo e do site, você pode personalizá-lo e configurar as seguintes características:
   • um conjunto de elementos de interface
   • cores dos elementos da interface
   • textos dos botões e cabeçalhos, levando traduções em conta
   • tipo de fonte, cor e tamanho

Nas configurações do widget, você também pode personalizar o conteúdo do bloco de perguntas frequentes para o programa de indicação de acordo com as especificações do seu jogo.

3. Prepare a tradução. Todos os textos do widget são traduzidos aos idiomas especificados do projeto na Conta de Distribuidor na seção Project settings > General settings > Project languages.
   Para alterar as traduções padrões, clique no texto duas vezes e insira o seu próprio texto.
4. Clique em Publish.
5. Copie o código do widget na janela aberta e adicione-a ao seu site.

Depois de adicionar o código do widget ao site, o botão para abrir o widget será exibido na página:

Adição de código de widget ao seu site

1. Abra seu projeto na Conta de Distribuidor.
2. Clique em Site Builder no menu lateral.
3. Na seção Sites, selecione seu site e clique em Abrir Site Builder.
4. Clique em Add Block.
5. Selecione Custom code block.
6. Adiciona o código do widget do programa de indicação.

Configurando autorização

Se você usa sua própria interface no site, você precisará implementar a funcionalidade da autorização do usuário no widget do seu lado.

A autorização no widget é realizada pela autorização no site onde o widget está integrado.

Há 2 cenários, dependendo de onde o usuário é autorizado, no site ou no widget:

• Se o usuário for autorizado no site, você precisará passar o token de autorização do usuário ao widget usando o método onTokenChange(). Quando o usuário sair da conta do sistema, passe null como parâmetro do método.

• Se o usuário for autorizado pelo widget, o widget chamará a função requestAuth passada a ele durante a inicialização. Em resposta, o site deve retornar ao token de autorização do usuário.

window.XESApi.init({
requestAuth: requestAuth,
token: getToken()
})

A API do widget fornece um conjunto de funções e métodos para autenticar um usuário no widget:

Como fazer alterações

Alterações nas configurações do programa de indicação

• alteração da lista de itens que são fornecidos como recompensas
• alteração das descrições

1. Vá para o programa de indicação criado.
2. Clique em Edit.

3. Atualize o texto ou SKUs dos itens.
4. Clique em Save.

Depois de salvar as alterações, os usuários verão as condições do programa atualizadas e receberá novas recompensas.

As recompensas que os usuários já receberam antes da atualização das condições não serão alteradas.

Não é obrigatória a republicação do widget após atualizar as condições.

Alterações nas configurações do widget

1. Vá para as configurações do widget.
2. Faça as alterações necessárias.
3. Clique em Publish.

Estados do widget

O widget do programa de indicação pode ter diferentes estados, dependendo do tipo de usuário: convidador ou convidado, status de autorização do usuário, cumprimento das condições do programa.

O conjunto de componentes do widget incluem elementos de interface para diferentes estados. Você pode configurar componentes ao configurar o widget.

Botão para abrir o widget:

Estado	Descrição	Para quem é exibido	Componentes que podem ser editados	Imagem
Ver detalhes	Como engajar o usuário a participar do programa.	Usuários autorizados que ainda não estão participando do programa.	Cores de texto e plano de fundo. O texto do botão de abrir do widget e do texto do botão de ver detalhes.
Aguardando autorização	Como encorajar o usuário a fazer login pelo widget.	Usuários não autorizados que seguiram o link de indicação.	Cores de texto e plano de fundo. Textos de botões.
Aguardando pela primeira compra	Como encorajar o usuário a fazer a primeira compra.	Usuários que seguiram o link de indicação e fizeram login no site.	Cores de texto e plano de fundo. Textos de botões.
Recebimento de recompensas	Como encorajar o usuário a receber uma recompensa.	Convite de usuários cujos amigos cumpram as condições do programa para que eles recebam recompensas.	Cores de texto e plano de fundo. Textos de botões.
Fechamento do widget	O widget está aberto, o botão se transformou em um ícone ×.	Os usuários autorizados que abriram os detalhes do widget.	Cores de texto e plano de fundo. Cores do botão.
Padrão	O widget está fechado.	Usuários que fecharam o widget.	Cores de texto e plano de fundo. Texto do botão.

Página do widget para o usuário convidado:

Descrição	Para quem é exibido	Componentes que podem ser editados	Imagem
Detalhes do programa de indicação. Botão para enviar o link de indicação. Lista de recompensas com status: Claimed — a recompensa do convidado foi recebida. In progress — o convidado acessou o site mas ainda não fez uma compra. Claim — o convidado acessou o site e fez a primeira compra. O usuário convidador pode receber uma recompensa.	Um usuário convidador autorizado cujo amigo seguiu o link de indicação e acessou o site.	Cores de texto e plano de fundo. Textos de botões, texto do widget.
Seção de perguntas frequentes	Um usuário convidador autorizado que clicou no botão de informações do programa.	Adição e remoção de blocos com perguntas. Cores de texto e plano de fundo. Conteúdo das perguntas e respostas.

Página do widget para o convidado:

Descrição	Para quem é exibido	Componentes que podem ser editados	Imagem
O texto do widget encoraja a compra no site. Depois de fazer uma compra, o usuário recebe uma notificação sobre o recebimento de um bônus.	Usuários que seguiram o link de indicação e que acessaram suas contas.	Cores do texto e plano de fundo. Texto do widget, textos dos botões.