Menu
Feedback
Comece aqui
Tutoriais


Tutoriais
Conceitos básicos de autenticação
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.

Tipos de Login

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:

  1. Receber chave de acesso rápido por email
  2. Entrar com email e senha
  3. 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:

  1. Na tela de login, o usuário deve clicar em Receber chave de acesso rápido por email
  2. 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"}}
  3. 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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAFUlEQVR4nGNoaOsSkJTTMDY/dfEqABr9BNq4dROJAAAAAElFTkSuQmCC","img":{"src":"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","width":538,"height":175,"type":"png"}}
  4. 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:

  1. Na tela de login, o usuário deve clicar em Entrar com email e senha
  2. Na tela seguinte, o usuário deve clicar em Não tem uma senha? Cadastre agora
    {"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAMklEQVR4nAEnANj/AKamptHR0e3t7tXX1wDj4+L19fXs8PPy9PgA3t/fxMbIf4eHARsLSNkbh3F59ssAAAAASUVORK5CYII=","img":{"src":"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","width":355,"height":301,"type":"png"}}
  3. 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"}}
  4. 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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAOUlEQVR4nGOYP3/+hg0bzoEBw7lz5x48ePDq9atXr18zHDp06MKFC//BgGHn7r0LlyxkEGCQNJAGANUZIoaNndmrAAAAAElFTkSuQmCC","img":{"src":"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","width":352,"height":392,"type":"png"}}
  5. 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":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAIAAAB2XpiaAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAFUlEQVR4nGNoaOsSkJTTMDY/dfEqABr9BNq4dROJAAAAAElFTkSuQmCC","img":{"src":"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","width":538,"height":175,"type":"png"}}
  6. Retorne à tela de login e digite a chave de acesso recebida no passo anterior e clique em Alterar senha
    {"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAALklEQVR4nGNYDQa7du66cukKw////y9evLhj744rN64wLF+56sK5C8bOJgwiDAALzBfthYlS0QAAAABJRU5ErkJggg==","img":{"src":"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","width":359,"height":250,"type":"png"}}

Login por rede social

É 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.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Configurar login com Facebook e Google
« Anterior
Criar autenticação OAuth2
Próximo »
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na VTEX Community
Junte-se à nossa comunidade
Solicite suporte à VTEX
Receba assistência personalizada com nossos especialistas
Abra um ticket de suporte
GitHubDeveloper PortalComunidadeFeedback