By default, customers are redirected twice when clicking Log in from checkout. To provide a smoother login experience, we have created a snippet that eliminates the second redirect.

https://www.loom.com/embed/b1132a5bccbe46309f08096d0ec23ede?sid=fb038c31-3981-477d-b2a5-02b3f98a893e

  1. From your Shopify admin, go to Online Store → Themes.

  2. Find the theme you want to edit, click ••• and select Edit code.

  3. From the file list, locate your site login:

    1. For older themes, this may be customers/login.liquid under Templates.
    2. For newer themes, this may be main-login.liquid under Sections.

  4. Paste the following snippet directly above the main container on the page.

    <status-customer-login></status-customer-login>

  5. Next, add the following id and style attributes to the main container on the page:

    id="status-fallback-login" style="display: none;"

  6. The updates will resemble something like this:

    example.png

  7. And that's it! To test the experience, go to the checkout page (while logged out) and click Log in.