Como meu cliente pode fazer login na minha loja?

3 min de leitura

Existem algumas situações em que o cliente da sua loja precisa fazer login para conseguir visualizar informações personalizadas. Abaixo, listamos os cenários mais comuns:

Acesso à área de pedidos do cliente (Meus Pedidos)
Acesso aos dados de cadastro do cliente
Acesso a lojas B2B
Acesso a lojas B2C com preços diferenciados para um grupo de clientes

O objetivo deste artigo é mostrar como o cliente da sua loja deve fazer login numa loja VTEX.

Ao clicar em um link para se autenticar, o cliente verá a tela de login.

${"base64":" ","img":{"width":413,"height":336,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":22036,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_1.png"}}$

Existem três formas padrão de se fazer login numa loja VTEX:

Receber chave de acesso rápido por email
Entrar com email e senha
Login por rede social

Receber chave de acesso rápido por email

Este tipo de login envia um token de acesso para o e-mail do usuário para que ele possa se autenticar.

Para o cliente fazer login por esse método, ele deve seguir os passos abaixo:

Na tela de login, o usuário deve clicar em Receber chave de acesso rápido por email
Na tela seguinte, o usuário deve preencher seu email e clicar no botão Confirmar
${"base64":" ","img":{"width":354,"height":253,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":6360,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_2.png"}}$
Um token de acesso será enviado para o email informado no passo anterior. Caso o cliente não tenha recebido o e-mail, peça que ele verifique se digitou o email corretamente. Além disso, é necessário que o cliente verifique o lixo eletrônico para garantir que a chave de acesso não tenha caído no filtro de spam. O token possui 6 números.
${"base64":" ","img":{"width":538,"height":175,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":8179,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_3.png"}}$
Retorne à tela de login e digite a chave de acesso recebida no passo anterior e clique em Entrar
${"base64":" ","img":{"width":353,"height":247,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":6836,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_4.png"}}$

Entrar com email e senha

Este tipo de login solicita email e senha para que o cliente possa se autenticar.

Caso o cliente já possua email e senha, basta clicar em Entrar com email e senha, preencher o email, preenchar a senha e clicar em Entrar
Caso o cliente precise cadastrar uma senha, ele deve seguir os passos abaixo:

Na tela de login, o usuário deve clicar em Entrar com email e senha
Na tela seguinte, o usuário deve clicar em Não tem uma senha? Cadastre agora
${"base64":" ","img":{"width":355,"height":301,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":9214,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_5.png"}}$
O usuário deve preencher seu email e clicar no botão Confirmar
${"base64":" ","img":{"width":354,"height":253,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":6360,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_6.png"}}$
Na tela seguinte, o usuário deve escrever sua nova senha nos campos Nova senha e Confirmar nova senha e, então, clicar no botão Cadastrar nova senha
${"base64":" ","img":{"width":352,"height":392,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":13008,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_7.png"}}$
Um token de acesso será enviado para o email informado no passo anterior. Caso o cliente não tenha recebido o e-mail, peça que ele verifique se digitou o email corretamente. Além disso, é necessário que o cliente verifique o lixo eletrônico para garantir que a chave de acesso não tenha caído no filtro de spam. O token possui 6 números.
${"base64":" ","img":{"width":538,"height":175,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":8179,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_8.png"}}$
Retorne à tela de login e digite a chave de acesso recebida no passo anterior e clique em Alterar senha
${"base64":" ","img":{"width":359,"height":250,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":7921,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/autentica%C3%A7%C3%A3o/conceitos-b%C3%A1sicos-de-autentica%C3%A7%C3%A3o/como-meu-cliente-pode-fazer-login-na-minha-loja_9.png"}}$

É possível incluir opções de login por rede social utilizando a conta do Google ou do Facebook. Para saber como incluir essas opções, leia o artigo Configurar login com Facebook e Google.

Tipos de Login

Receber chave de acesso rápido por email

Entrar com email e senha

Login por rede social