Shopify themes, liquid, logos, and UX
You can create a members-only store by showing a login or register page when customers navigate to your website. To make your store accessible only to registered customers, you need to edit your Customer accounts settings in the admin, and add some Liquid code to your theme.
Note: If you want only certain pages to be members-only, then you need to install an access management app from the Shopify App Store.
theme.liquid
.<head>
tag in the code. On a new line below the opening <head>
tag, paste the following code:{% unless customer %}
{% if template contains 'customers' or request.path == "/challenge" %}
{% assign send_to_login = false %}
{% else %}
{% assign send_to_login = true %}
{% endif %}
{% endunless %}{% if send_to_login %}
<meta content="0; url=/account/login?checkout_url=/" http-equiv="refresh" />
{% else %}
</body>
tag in the code. On a new line below the closing </body>
tag, paste the following code:{% endif %}
Customers that log in are automatically redirected to the home page of the shop. You can edit where customers are redirected by editing the meta refresh tag URL in the code you just pasted.
<meta>
tag in the file:<meta content="0; url=/account/login?checkout_url=/" http-equiv="refresh" />
checkout_url=/
. For example, if you want your logged-in customers to go to your catalog page when they navigate to your site, add collections/all
to the URL path. Your code should look like this:<meta content="0; url=/account/login?checkout_url=/collections/all" http-equiv="refresh" />
TyW | Online Community Manager @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi TyW,
The code works for me!
May I want to activate it for different pages of my site!
I explain:
- Client 1: will have the right to access my-domain/pages/1AC-GA (Page title: 1AC_GA)
- Client 2: will have the right to access my-domain/pages/2AC_GA (Page title: 2AC_GA)
I add to the client card 1, the tag: (1AC_GA)
And I add to the client card 2, the tag: (2AC_GA)
But it doesn't work! 🙂 🙂 🙂
I miss a code, to put on the (page.liquid)
Specific (page.1AC_GA.liquid) and (page.2AC_GA.liquid)
Please help!
Best regards.
Hey,
I am working on developing a members-only store. I have noticed that you solved that issue. Can you help me out for that please if possible ? I can also make you payment if you can set up same thing for my store
Hi Guys,
I have put the coding into my FLOW theme, however it doesn't allow me to access to customise my theme anymore in the editor?
Is this something extra that I need to look into? I have copied the coding straight from this forum.
Thank you in advance,
Jessica
If I were to configure the coding for Login so that the option to 'Create Account' is no longer there by deleting:
<p>
{{ 'layout.customer.create_account' | t | customer_register_link }}
</p>
Would that interfere with me sending out Account invitations for customers I want to have access to my website?
I did try to send out an account invite as a test run; however, upon clicking the link to activate account it comes up as 'refused to connect'.
Hello!
First, thank you for this, it's been really helpful.
However, in the last week it's stopped working; customers just continue to get sent to the customer login page, even after login, and not to any other route. Is this code still working for you? Nothing changed code-wise from my end, so I'm wondering if something changed behind the scenes in shopify.
Thanks,
Phaedra
This is awesome, thank you. How do you then customize / edit the log-in page that non-logged in users are directed to?
Hi @JessTurc, did you figure out how to get the editor to work again? I had the same issue after putting the login page code in place.
Thanks,
CurtisB
Hey,
thanks for the tutorial. can you tell me how I can forward the other pages for logged in users? I don't want any user whether logged in or not, e.g. comes to the start page or collections. Only the checkout (BuyButton) and the user account should work. Many thanks
Hi,
how to stop customers on the member-only page to just sign in and log in to the collection page?
How do you integrate this? I am trying to create a subscription page but the login already has the payment options so they must pay to enter the site. Can someone help me with this? Please!!!
Thank you!
how can you make the login page accept payment to create an account?
i've done this but now when i try to click create an account nothing happens.
When i disable customer accounts the main page doesn't even load. in order to make the main page load i've enabled customer accounts but noting happens when i click create an account.
how do i get customers to request an account?
i've copied the contents of customers/login.liquid over customers/register.liquid effectively removing the original content of customers/register.liquid.
how do i get customers to request an account?
How would you add the "approved" tag to customers?
where would you see the new customer registrations to approve them?
Right now i have a registration page that allows people to sign up and automatically browse after signing up. I'd like to approve them before they're allowed to browse the store, after uploading some identifying documents.
There are two distinct problems mentioned on this thread:
Collecting customer information
You'll most likely need to use an app like Customer Fields (see this post about why an app is required to store data to a customer account on Shopify.)
Customer Fields enables you to:
All of these are important steps in the process of approving new wholesale customers and restricting unauthorized access to wholesale products or pricing.
Locking unauthorized customers out
To restrict access to your store, you will either need to follow the tutorial on this thread or use an app like Locksmith. There are many guides (such as this one) that demonstrate how to hide products/collections using Liquid code (usually based on customer tags), but no code solution is "one size fits all".
This is why we recommend using the Locksmith app; it's a powerful and flexible tool specifically built for access control.
Here's a snapshot into an ideal flow used by many wholesale merchants:
Keep in mind that the flow above is just one example -- there are lots of other use-cases and flows that can be handled as well!
The account approval and auto-tagging features of the Customer Fields app sound like a perfect solution for you.
Hi there - I love your work here and it's very helpful.
I'm looking to use this but also allow customers to access only one other page via a link on this password/login page. I want them to submit an application to be a part of the member's only website. How do I give them access to only that one other page? Let me know if you have any questions.
@Jrogers if you're using Customer Fields I recommend reaching out to the support team via the in-app chat widget or by contacting support@heliumdev.com
To restrict access to a certain page you can hire a Shopify Expert to add some simple Liquid logic or use the Locksmith app. It would be easy enough to put a link in the customer's account page where they can access the member-only page after they've logged in. Our team also offers additional services exclusively for Customer Fields app users so you might consider that route as well.
How do I edit the code to require customers to register / login on the shopping (product page) only? I want the rest of the website open to anyone, but I need to require customers to login or register in order to view the "Shop / Product Collection" Page of my website. I would rather edit the code to make this change versus paying a monthly subscription fee for an access management app.
Thanks,
Mike
@michaelh730 check out this post which shows how to determine whether a customer is logged in or not. It shouldn't be much more work than that to redirect the customer to register/login. If you're not comfortable with Liquid use the Locksmith app or hire a Shopify Expert to code this in for you.
I like your idea of disabling account sign ups from the landing page. I would like to keep my store invite only to start so I would like to disable the create account link on the home page lander. Do you know how to do that?
User | RANK |
---|---|
155 | |
110 | |
87 | |
53 | |
49 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By