How to create a Shopify Log Out Link

Recently, a customer sent an email to say that she couldn’t log out of a Shopify shop.

There simply wasn’t a “Log Out” button!

How to create a Shopify Log Out Button

Time needed: 5 minutes

Many Shopify themes don’t include a Log Out button.

And if your theme doesn’t include one, don’t worry, there’s a very easy fix

  1. Know what the Shopify Log Out Link is

    The first step to adding a Shopify Log Out Link is knowing how Shopify Logs customers out.

    Just as this is the Log In URL: https://myshop.com/account/login

    Similarly, there is a log out URL that when someone visits it and is logged in, it automatically logs them out

    The Shopify Log Out Link is: https://myshop.com/account/logout

    So, here’s your code to include :

    <a href="account/logout">Log Out</a>

  2. Locate the Shopify “My Account” Page

    Next step, let’s add the link to the “My Account” page

    To find this page you’ll need to head over to the customers/account.liquid file which you can find from the left menu

    Online Store > Themes > Actions > Edit Code

    Heads up! It’s a very good idea to duplicate your current theme before making any modifications

    You can then search to find the customers/account.liquid file

    Shopify Log Out Link Code

  3. Decide where to place the Log Out Link

    Ok, let’s take a look at our current “My Account” page to see where to place our link

    I think below the “View Addresses” button would be great!

    Shopify Log Out Link Missing

  4. Add in the code

    With a bit of investigative work, I can find in the code that it is located on line 54 (your’s will probably be different!)

    So I’m going to paste in the code right below, taking care that it’s placed before the closing </div> tag.

    Shopify Log Out Link code

  5. Check everything works

    Et voila! Our Log Out link is on the account page!

    Shopify Log Out Link on My Account Page

    Now your customers can log out from your Shopify shop!