Add Membership Logout Button

Hello, 

I would like to add a button that allows members to easily log out of Squarespace. This is mainly needed because Squarespace has recently changed the "Account" tab so that the "Sign Out" button is less obvious. The users of this site are the folks that want to sign out after each use. 

I'd like to add a sign out button to the header. 

Is there a way to do this?

16 hours ago, jholmertz said:

I would like to add a button that allows members to easily log out of Squarespace. This is mainly needed because Squarespace has recently changed the "Account" tab so that the "Sign Out" button is less obvious.

Can you give some more context and a link to the site?

Unless the login is protecting sensitive information that must be protected for security or compliance reasons, it is standard practice to place a 'logout' option within a user profile, rather than giving it dedicated space in the header.

Link

I understand your points. However, a large demographic of the site members are older and see logging out as necessary. These are the folks logging in and out of Facebook on their desktop computers, for example. Not having a prominent logout button is a significant issue for using Squarespace. 

I'm also looking into this as we want to do the same. Any chance you found a way how to do this?

1) Members basically lose access to the entire rest of the website, unless they add a page link for each other place (where did the menu go)?  Why would you take away the navigation menu from the members part of the site?)
2) The sigout button (which helps find a way to get around #1) is hidden in teensy font inside the 'account' menu.  not super obvious.

I wouldn't mind being able to create a logout button either

Was anyone able to find a solution for this? Working on a site for a client with members mainly 60 years and older; it is a priority to add another sign out button that is more seen/easier to find. 

Thanks! 

I'm also trying to find a solution to this. Any success by anyone?

Bumping this up. Any solutions to adding a manual membership sign out button?

bumping this up too. please and thank you.

Good news @jholmertz @JessEds  @Benjohnson31 @OliviaPeddinghaus @hoardingacademy @OSTS @CheekyStar , I've developed a straightforward solution that allows to place a logout button anywhere on your website.

1. Simply add the following code snippet to the Code Injection FOOTER
2. Ensure your logout button/link redirects to #signout - See attachment

<script>
  document.addEventListener("click", (e) => {
    if (e.target.tagName === "A" && e.target.getAttribute("href") === "#signout") {
      e.preventDefault();
      const i = document.createElement("iframe");
      i.src = window.location.origin + "/account/frame";
      i.width = "1";
      i.height = "1";
      document.body.appendChild(i);
      i.onload = () => {
        let t = setInterval(() => {
          let b = i.contentDocument.querySelector('button[data-test="sign-out"]');
          if (b) {
            clearInterval(t);
            b.click();
          }
        }, 100);
      };
    }
  });
</script>

Feel free to DM me if you need a more advanced solution, such as programmatically toggling log in and log out buttons.

Is this still a problem with no solution. The logout button is tiny! And we need some flexibility, at least to have a clear LOGOUT button clearly visible without have to search for it. We shouldn't have to CSS this.