Shopify - Enabling Customer accounts with a one-time code login

In this article, we’ll guide you through enabling the login with code feature in your mobile app. This feature allows customers to log in using a one-time code sent to their email, removing the need for a password. It simplifies the login process and improves conversion rates, especially on mobile.

1. About Login with one-time code 

Login with code (also known as passwordless login) is part of Shopify’s new customer account setup. It allows customers to sign in by entering a one-time code sent to their email address instead of using a password.

This new customer account experience provides a smoother, more secure, and more user-friendly login process. It is highly recommended for both B2C and B2B stores, simplifying account access and improving customer satisfaction.

2. Benefits of the connection

1. No passwords required
   

Customers log in quickly with a one-time email code — no need to remember passwords.

1. Better mobile experience
   

Easier and faster login on mobile, leading to higher conversion rates.

1. Consistent across web & app 
   

Same smooth login flow on both your online store and mobile app.

1. More secure 
   

One-time codes are time-limited and can’t be reused, reducing login risks.

1. B2C & B2B ready 
   

Fully compatible with both retail and wholesale customer accounts.

3. Connecting Login with one-time code to your app

3.1. Precondition to connect 

​To enable Login via one-time code on your mobile app, JMango360 requires permission to create a Headless storefront in your Shopify backend.

This permission allows us to:

Without this permission, the Login via one-time code feature cannot be configured or activated properly.

How to share headless access in Shopify

1. Log in to your Shopify Admin.
   
2. Navigate to Settings > Users and permissions.
   
3. Locate or add the staff account for JMango360 under email support@jmango360.com 
   
4. In the permissions list, find and enable the “Headless” permission (see the app named Headless in the screenshot below). This permission grants access to manage the Headless channel used for Login with one-time code.
5. Save the changes and notify JMango360 that access has been granted.
   

3.2. Connect login with one-time code to your mobile app

Step 1: Check if new customer accounts are enabled

To use Login with one-time code, your store must be using Shopify’s new customer account experience.

If you're already using Login with one-time code on your website, this setting is likely already enabled.
To double-check:

1. Go to Shopify Admin > Settings > Customer accounts
2. Make sure “Customer accounts (Recommended)” is selected under the login method
   

 If this is already enabled, no further action is needed for this step.

Step 2: Contact Jmango360 Support 

Once you’ve confirmed that Headless is shared and that your store is using Shopify’s new customer account experience, please inform the JMango360 team. Our team will handle the mobile app integration to ensure the Login with one-time code feature works seamlessly for your users.

If you have any questions or need any assistance, please contact customer.success@jmango360.com 

• Related Articles

• Integrate Shopify with JMango360

  This article will provide insights into the seamless integration of Shopify and JMango360, including deep backend integration, JMango360 app installation, backend store access, and some information for the validation process. 1. About Shopify ...

• Feature update Alphonso - Shopify

  > Platform launched in Q2 2024 Introduction We're excited to announce a series of enhancements to the App and the JMango360 platform that are designed to improve your overall experience. These updates are based on your feedback and our commitment to ...

• Firebase Analytics with Google Analytics 4

  Having an app is step one, step two is to promote and measure. App analytics are the key to getting the necessary insights to learn about your app performance, your app users, and their behavior in order to make changes and grow. Firebase Analytics ...

• Getting started with Firebase

  Firebase is Google’s analytics and messaging platform for mobile apps, allowing you to track real-time metrics and boost user engagement via push- and in-app messaging. Related JMango360 support articles: Firebase Analytics with Google Analytics 4 ...

• Firebase cloud (push) messaging

  Firebase messages are powerful features that allow you to engage and communicate with your app users directly within your app's interface. In this article, we will explore the scope and prerequisites for using Firebase cloud messages and provide ...