Enable Login with Shop App

Feature Description

You can offer Login with Shop alongside other authentication methods such as email-password login, email/phone OTP, and Single Sign-On (SSO) for more tailored customer accounts login experiences. When enabled, the Shopify storefront login page shows a Continue with shop button. Customers authenticate through their Shop account in a secure popup without needing a separate password for that path. Returning customers who are already signed in to Shop app can log in faster without repeating email or phone OTP verification.

Setup Instructions

• Navigate to the Shopify Dashboard, and open the Customer Accounts Login application.

  

• On the app dashboard, scroll down to the Storefront Login Options card and click Edit.

  

• Open the Storefront Login Settings tab. Turn on Enable Sign in with Shop to show the Sign in with Shop button on the Shopify login page.

• The setting is saved automatically.

• After saving, a confirmation message such as "B2B configuration updated" will appear.

• On the Login Options page, click the b2b login extension link below the toggle you turned on. This opens the theme editor with the login page settings.

• In the App embeds panel, turn on B2B Login Page Layout and click Save. The storefront login screen only shows the enabled login options once this embed is on.

• From the page list, select Login Page to customize it.

  

• In the settings panel, you can edit the Title, Subheading and their alignment, choose the Default Login Option (Email/Password or OTP) and the Layout Order, and change the text of the Sign In, Send OTP and Verify OTP buttons.

  

• Under Logo Image, upload your logo. It replaces the default icon on the login form.

• You can also set the Page Background Image, container background, text, button and link colors, adjust the card's border radius, width and padding, show or hide the theme header and footer, or add your own code under Custom Liquid.

• Click Save in the theme editor.

  

• The end user will see Continue with shop (and other login options if enabled) on the Shopify store login screen.

• Click Continue with shop on the login screen. A Shop sign-in popup opens.

• On Sign in to Shop, enter the customer's Shop app account email and click Continue.

• Enter the 6-digit verification code sent to the registered email address.

• Enter the phone number (including country code) and click Continue.

• Enter the 6-digit verification code sent to the phone number.

• Shop app completes authentication and returns the user to the storefront. A Signing you in... message appears while the login finishes.

• After authentication completes, the customer is redirected to the B2B Profile page with their contact details and company permissions.

• On a later visit, if the customer is already signed in to Shop app, the popup automatically fetches their Shop account.

• Click Continue to proceed.

• When the same Shop account is recognized, the user is logged in directly without OTP verification.

• After the second login completes, the customer returns to the profile page.