<style>
/* Estilo para adicionar borda nas caixas de texto */
input[type="text"] {
border: 2px solid #4CAF50; /* Borda verde de 2px */
border-radius: 5px; /* Arredondar cantos */
padding: 8px; /* Espaçamento interno */
width: 100%; /* Faz com que a caixa ocupe 100% da largura */
box-sizing: border-box; /* Inclui padding e borda no cálculo de largura */
}
/* Estilo adicional para WhatsApp se quiser diferenciar */
input[name="user_whatsapp"] {
border-color: #FF4500; /* Borda laranja para o WhatsApp */
}
/* Estilo para o botão de envio */
input[type="submit"] {
background-color: #4CAF50; /* Cor de fundo verde */
color: white; /* Cor do texto branco */
border: none; /* Sem borda */
padding: 10px 20px; /* Espaçamento interno */
text-align: center; /* Centralizado */
text-decoration: none; /* Sem sublinhado */
display: inline-block; /* Exibe como bloco inline */
font-size: 16px; /* Tamanho da fonte */
margin-top: 10px; /* Margem no topo */
cursor: pointer; /* Muda o cursor para mãozinha */
border-radius: 5px; /* Arredondar cantos */
}
/* Efeito ao passar o mouse sobre o botão */
input[type="submit"]:hover {
background-color: #45a049; /* Cor de fundo mais escura ao passar o mouse */
}
</style>
Início
Por favor, insira seu Nome e Número de WhatsApp e Clique no botão Enviar para continuarmos com o jogo.
<form id="contact-form">
<!-- Campo oculto com um número aleatório de contato -->
<input type="hidden" name="contact_number" value="123456">
<label for="nome">Nome:</label><br>
<input type="text" id="nome" name="nome" placeholder="Digite seu Nome aqui" required><br>
<label for="whatsapp">WhatsApp:</label><br>
<input type="text" id="whatsapp" name="whatsapp" placeholder="Digite seu Nr de WhatsApp aqui" required><br>
<input type="submit" value="Enviar">
</form>
<p id="mensagem-sucesso" style="display:none;">Dados enviados com sucesso! [[Clique aqui para Começar o Jogo -> Cenário 0]]</p>
<script type="text/javascript">
// Carregar a biblioteca do EmailJS
var script = document.createElement('script');
script.src = "https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js";
document.head.appendChild(script);
// Inicializar o EmailJS após carregar o script
script.onload = function() {
emailjs.init('vqfSSK2H0K5q2sik-'); // Substitua com sua Public Key
// Função para enviar o formulário com EmailJS
document.getElementById('contact-form').addEventListener('submit', function(event) {
event.preventDefault();
// Enviar os dados via EmailJS
emailjs.sendForm('service_rgu3t1o', 'template_d8kg1v4', this)
.then(function() {
console.log('SUCCESS!');
document.getElementById('mensagem-sucesso').style.display = 'block';
}, function(error) {
console.log('FAILED...', error);
});
});
};
</script>
Um cliente entrou na loja, mas parece que está apenas "olhando".
O que você faz?
1. [[Pergunta se ele precisa de ajuda -> Opção 1]]
2. [[Ignora e espera que ele peça algo -> Opção 2]]
3. [[Oferece um desconto imediato -> Opção 3]]
(set: $pontos to $pontos + 10)
Você se aproxima do cliente e, com um sorriso, pergunta se ele está procurando algo específico. O cliente hesita, mas começa a falar sobre o que procura. (+10 pontos)
[[Próximo Cenário -> Cenário 2]]
(set: $pontos to $pontos - 5)
O cliente sai da loja sem falar com você. Parece que ele não encontrou o que precisava.
(-5 pontos)
[[Próximo Cenário -> Cenário 2]]
(set: $pontos to $pontos + 0)
Você oferece um desconto sem saber o que ele está procurando. Ele não se impressiona e diz que só estava olhando. (+0 pontos)
[[Próximo Cenário -> Cenário 2]]
O cliente se interessa por dois pares de sapatos, mas não consegue decidir qual comprar.
O que você faz?
1. [[Conta uma história sobre um cliente anterior que comprou o par mais caro e ficou muito satisfeito -> Storytelling]]
2. [[Explica os benefícios e a qualidade dos sapatos -> Benefícios]]
3. [[Diz que ambos são uma ótima escolha, sem tomar posição -> Neutro]]
(set: $pontos to $pontos + 15)
Você compartilha uma história sobre um cliente que comprou o par mais caro e ficou extremamente feliz com a compra. O cliente se sente confiante e opta pelo sapato mais caro. (+15 pontos)
[[Próximo Cenário -> Cenário 3]]
(set: $pontos to $pontos - 5)
Você detalha os benefícios de ambos os pares, mas não ajuda o cliente a tomar uma decisão. Ele fica ainda mais confuso. (-5 pontos)
[[Próximo Cenário -> Cenário 3]]
<(set: $pontos to $pontos - 10)
Sem uma recomendação clara, o cliente decide pensar mais antes de comprar. (-10 pontos)
[[Próximo Cenário -> Cenário 3]]
O cliente acha que o sapato está caro demais.
O que você faz?
1. [[Explica o valor do produto em termos de durabilidade e conforto -> Quebra de Objeções]]
2. [[Dá um desconto imediato -> Desconto]]
3. [[Diz que os preços são o que são -> Preço Fixo]]
(set: $pontos to $pontos + 20)
Você explica que o sapato é mais caro devido à sua durabilidade e conforto, mostrando como será um ótimo investimento a longo prazo. O cliente concorda e decide comprar.
(+20 pontos)
[[Próximo Cenário -> Cenário 4]]
(set: $pontos to $pontos - 5)
Você oferece um desconto, mas o cliente continua achando caro e desiste. (-5 pontos)
[[Próximo Cenário -> Cenário 4]]
(set: $pontos to $pontos - 10)
O cliente se sente desencorajado pela falta de flexibilidade e sai sem comprar. (-10 pontos)
[[Próximo Cenário -> Cenário 4]]
O Cliente Satisfeito
O cliente volta à loja, satisfeito com a compra anterior, e diz que gostou muito do sapato. Ele menciona que está pensando em comprar outro par no próximo mês.
O que você faz?
1. [[Você agradece e oferece um desconto para a próxima compra (Pós-Venda com Oferta de Fidelização). -> Opção1]]
2. [[Você apenas agradece o feedback positivo e não faz mais nada. -> Opção2]]
3. [[Você sugere que ele deixe seu contato para ser notificado de futuras promoções (CRM e Fidelização). -> Opção3]](set: $pontos to $pontos + 15)
Você agradece calorosamente o cliente e oferece um desconto exclusivo para a próxima compra. Ele fica animado e diz que voltará em breve. (+15 pontos)
[[Próximo Cenário -> Cenário 5]](set: $pontos to $pontos - 5)
O cliente agradece e sai. Você perde a oportunidade de manter o relacionamento ativo. (-5 pontos)
[[Próximo Cenário -> Cenário 5]](set: $pontos to $pontos + 20)
Você sugere que o cliente deixe seu contato para que possa ser notificado de promoções futuras. O cliente gosta da ideia e fornece o e-mail. Agora, você tem uma conexão direta para futuras vendas! (+20 pontos)
[[Próximo Cenário -> Cenário 5]] Preocupação com Garantia
O cliente quer comprar um sapato, mas pergunta sobre a política de devolução e trocas, já que ele tem medo de se arrepender da compra.
Como você responde?
1. [[Explica detalhadamente a política de trocas e garantias, assegurando que a loja está de acordo com o Código de Defesa do Consumidor. -> Opçao1]]
2. [[Diz que não há garantias e que trocas são complicadas. -> Opçao2]]
3. [[Desvia do assunto, dizendo que a qualidade do sapato é muito alta e raramente precisará de troca. -> Opçao3]]
(set: $pontos to $pontos - 15)
O cliente desconfia e decide não comprar, preocupado com a política de trocas. (-15 pontos)
[[Próximo Cenário -> Cenário 6]](set: $pontos to $pontos - 5)
O cliente ainda está preocupado, mas você tenta desviar o foco para a qualidade do produto. Ele decide pensar mais e não fecha a compra naquele momento. (-5 pontos)
[[Próximo Cenário -> Cenário 6]](set: $pontos to $pontos + 20)
Você explica que a loja segue todas as diretrizes do Código de Defesa do Consumidor e que o cliente pode trocar o sapato dentro de 30 dias caso haja algum problema. Ele se sente mais seguro e decide comprar. (+20 pontos)
[[Próximo Cenário -> Cenário 6]]Cliente Indicado
Um cliente entra na loja dizendo que um amigo o recomendou, mencionando que teve uma ótima experiência comprando calçados com você.
O que você faz para garantir que ele também tenha uma excelente experiência?
1. [[Usa a recomendação como prova social e oferece um atendimento ainda mais personalizado. -> Opcão1]]
2. [[Apenas agradece a indicação e atende normalmente. -> Opcão2]]
3. [[Não dá muita atenção e apenas mostra os produtos sem interação. -> Opcão3]](set: $pontos to $pontos + 25)
Você diz que fica feliz em saber que seu atendimento foi recomendado e oferece uma experiência ainda mais personalizada para o cliente, mostrando os produtos mais vendidos e explicando suas vantagens. O cliente sente que está em boas mãos e compra rapidamente. (+25 pontos)
[[Próximo Cenário -> Cenário 7]](set: $pontos to $pontos + 10)
O cliente agradece o atendimento, mas sente que foi tratado como qualquer outro cliente, sem nada especial. Ele ainda compra, mas você poderia ter construído um relacionamento mais forte. (+10 pontos)
[[Próximo Cenário -> Cenário 7]](set: $pontos to $pontos - 10)
O cliente fica desapontado, pois esperava um tratamento especial após a recomendação. Ele sai sem comprar. (-10 pontos)
[[Próximo Cenário -> Cenário 7]] Atingindo as Metas
Você está perto de atingir sua meta de vendas diária, mas tem um último cliente indeciso entre dois pares de sapatos. Se vender o par mais barato, você atingirá a meta, mas se convencer o cliente a comprar o mais caro, superará a meta.
Como você age?
1. [[Foca no fechamento rápido da venda, garantindo que atinge a meta. -> Opcão 1]]
2. [[Usa técnicas de storytelling e prova social para vender o par mais caro e superar a meta. -> Opcão 2]]
3. [[Espera que o cliente decida sozinho, sem tentar influenciar. -> Opcão 3]](set: $pontos to $pontos + 10)
Você garante a venda do par mais barato, atingindo sua meta, mas não superando-a. (+10 pontos)
[[Próximo Cenário -> Cenário 8]](set: $pontos to $pontos + 30)
Você usa storytelling e prova social para convencer o cliente a optar pelo par mais caro, superando sua meta diária e garantindo uma maior comissão. (+30 pontos)
[[Próximo Cenário -> Cenário 8]](set: $pontos to $pontos - 5)
O cliente continua indeciso e decide pensar mais. Você perde a chance de atingir ou superar a meta naquele dia. (-5 pontos)
[[Próximo Cenário -> Cenário 8]]O Desafio Final
Você chegou ao final do dia e agora precisa decidir qual das habilidades aprendidas foi a mais importante para atingir suas metas e fidelizar os clientes.
Qual foi a técnica que mais contribuiu para o seu sucesso hoje?
1. [[Escuta Ativa -> Final]]
2. [[Storytelling -> Final]]
3. [[Quebra de Objeções -> Final]]
4. [[Fidelização e CRM -> Final]]Parabéns, você se tornou um Vendedor de Valor!
Continue aplicando essas técnicas e alcance o sucesso contínuo em suas vendas.
O jogo oferece uma revisão de como cada técnica foi essencial para o sucesso do jogador e reforça que combinadas, elas tornam qualquer vendedor um verdadeiro "Vendedor de Valor".
Fim do jogo! Pontuacao:
Sua pontuação final foi: (print: $pontos) pontos.
(if: $pontos > 100)[
Parabéns, você se tornou um Vendedor de Valor e aplicou muito bem as técnicas de vendas!
]
(else-if: $pontos > 70)[
Você está no caminho certo, mas ainda há espaço para melhorar.
]
(else-if: $pontos > 50)[
Você está no caminho certo, mas ainda há espaço para melhorar.
]
(else:)[
Infelizmente, você não atingiu suas metas. Continue praticando e revisando as técnicas.
]
[[Começar o Jogo Novamente -> Cenário 1]]
(set: $pontos to 0)
Bem-vindo ao *Vendedor de Valor - O Desafio das Vendas*!
Seu objetivo é se tornar um vendedor de calçados de sucesso aplicando as técnicas de vendas aprendidas no manual. Enfrente clientes exigentes, supere objeções e atinja suas metas diárias para subir de nível!
No final do Jogo será informado a sua Pontuacao total
[[Começar o Jogo -> Cenário 1]]