Passwordless login for the customer portal

With passwordless login, customers can access their customer portal without needing to sign into their Shopify account. To sign in, customers receive a secure 4-digit code via email and SMS. This article provides an overview of the passwordless login feature and how to request access to this feature.

Before you start

This feature is currently in closed beta. To view our beta program requirements, see Recharge Beta Program. Complete the sign-up form if you would like to access this feature. 

There are some limitations for using this feature: 

• Stores that require Shopify account login cannot use this feature at this time.
• Stores using custom, API-driven customer portals cannot use this feature at this time.

How it works

Passwordless login gives your customers the option to log in to the customer portal with their Shopify email address and password, or with Recharge's passwordless login page. 

Instructions for your customers

Passwordless login simplifies the process of accessing the customer portal. Provide customers with these instructions to log in using passwordless login page: 

1. Navigate to the Shopify account login page. 
2. Under Need help accessing your subscriptions?, click Click here. This launches the passwordless login page.
3. Enter the email address associated with your subscription. Click Send login code.
4. You will receive a 4-digit authentication code by email and text message. The 4-digit authentication code is valid for four minutes. If the code has not been used in four minutes, go back to Step 1 to request a new code.
   • If you only have an email address on your account, you will only receive the 4-digit authentication code via email.
   • If you have a valid phone number and email address on your account, you will receive the 4-digit authentication code via email and SMS. 
5. Enter the 4-digit code into the passwordless login screen.

The maximum number of login retries is five. If you have exceeded five failed login attempts, refresh your web browser to reset the login attempts. This requires you to re-enter your email address, obtain a new 4-digit code, and log in again. 

Demo the feature

You can demo passwordless login on your storefront by adding the ?passwordless=true parameter to your store's Account Access URL. This allows you to test the feature on your storefront before requesting access to the feature. 

Use the following format to enable the demo mode: 

{yourstorename.com}/tools/recurring/get-subscription-access?passwordless=true

To disable demo mode, remove the ?passwordless=true parameter from your URL. 

Customize the passwordless login page

You may want to customize the passwordless login page to match the look and feel of your storefront and brand. The default styling of the passwordless login page can be customized using CSS: 

:root rc-login {
    --rc-title-font: 
    --rc-body-font:
    --rc-font-color:
    --rc-button-bg-color:
    --rc-button-font-color:
    --rc-secured-display:
    --rc-border-radius: 
}

You do not need to include a value for each CSS variable in the code template. If you would only like to customize specific CSS variables, remove the lines that you do not want to change. Removed lines will display as their default values.

Use the following table as a reference for customizing each element of the passwordless login page: 

Troubleshooting

I am not able to locate the passwordless login page

The passwordless login page is accessed from your store's Customer Account login page via the Account Access link. If you are unable to locate the Account Access link page, ensure you are linking {yourstorenamehere.myshopify.com}/tools/recurring/get-subscription-access from the Customer Account login page or from somewhere else on your storefront. For more details, see Confirming that the Account Access link is installed.

My customer did not receive a 4-digit code via email or SMS

If you have a customer reach out that did not receive their 4-digit code via email or SMS, try these troubleshooting steps: 

1. Recommend that the customer checks their email's spam folder. 
2. From the merchant portal, check the customer's profile to verify the customer has a phone number listed with a valid +1 country code. SMS delivery for 4-digit authentication codes is only compatible with phone numbers from the United States and Canada (with +1 country code). Any international phone numbers will only receive an email address with their code. 
3. If the first two steps are unsuccessful, have the customer refresh the passwordless login page and re-enter their email address to receive a new code. 
4. If the issue is still unresolved, contact the Recharge support team. 

FAQ

How can I translate the language used for passwordless login?

You can adjust the language used for passwordless login by adjusting your store's Account login translation settings. See Translations for more details. 

Can I edit the email and SMS messages that customers receive with their 4-digit code?

No, you cannot edit or customize these messages. 

Do customers need to have a phone number on file to use this feature?

No. Customers that do not have a phone number on file will receive the 4-digit code at the email address associated with their account. 

I am not located in the US or Canada. Can my customers still receive SMS?

No. SMS delivery for 4-digit authentication codes is only compatible with phone numbers from the United States and Canada (with +1 country code). Any international phone numbers will only receive an email address with their code.