Menu
Feedback
Start here
Tutorials


Tutorials
Authentication basics
How can my customer login to my store?
3 min read

There are some situations where your customer needs to log in to the store in order to see personalized information. Here are the most common scenarios:

  • Access to the customer order area (My Orders);
  • Access to customer registration data;
  • Access to B2B stores;
  • Access to B2C stores with special prices for a group of customers.

The purpose of this article is to show you how your customers should log in to a VTEX store.

Login Types

When clicking on a link to authenticate, the client will see the login screen.

{"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_1.png"}}

There are three standard ways to log in to a VTEX store:

  1. Receiving a quick access key by email;
  2. Login with email and password;
  3. Social media login.

Receiving a quick access key by email

This login type sends an access token to the user’s email so he or she can authenticate.

For the client to sign in using this method, they must follow the steps below:

  1. On the login screen, the user should click on Receive quick access key by email;
  2. On the next screen, the user must fill out their email and click on the button Confirm
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_2.png"}}
  3. An access token will be sent to the email they entered in the previous step. If the customer does not receive the email, ask them to verify that they’ve typed the email correctly. In addition, the customer should to check the junk mail to ensure that the access key has not fallen into the spam filter. The token has 6 numbers.
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_3.png"}}
  4. Return to the login screen and enter the access key received in the previous step and click Enter
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_4.png"}}

Login with email and password

This type of login __ requests email and password__ so that the client can authenticate.

  • If the customer already has an email and password, they just need to click on Enter with email and password, fill in the email, fill in the password and click on Enter.

  • If the client needs to register a password, they must follow the steps below:

  1. On the login screen, the user must click on Login with email and password;
  2. On the next screen, the user should click on Don’t you have a password? Register now!
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_5.png"}}
  3. The user must fill in their email and click on the button Confirm
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_6.png"}}
  4. On the next screen, the user must enter their new password in the fields New password and Confirm new password and then click on the button Create new password
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_7.png"}}
  5. An access token will be sent to the email informed in the previous step. If the customer does not receive the email, ask them to verify that they’ve typed the email correctly. In addition, the customer should check the junk mail to ensure that the access key has not fallen into the spam filter. The token has 6 numbers.
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_8.png"}}
  6. Return to the login screen and enter the access key received in the previous step and then click Change Password
    {"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/en/tutorials/authentication/authentication-basics/how-can-my-customer-login-to-my-store_9.png"}}

Social media login

Social media login options using your Google or Facebook accounts may also be added. Read our article on Configuring login with Facebook and Google for more info.

Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Configuring login with Facebook and Google
« Previous
Creating an OAuth2 authentication
Next »
Contributors
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
On this page
Still got questions?
Ask the community
Find solutions and share ideas in the VTEX Community
Join our community
Request VTEX support
For personalized assistance, contact our experts
Open a support ticket
GitHubDeveloper PortalCommunityFeedback