How do you create a "account log in only" for your Shopify online store

How do you create a "account log in only" for your Shopify online store

NadiB2010
Visitor
3 0 0

Hi, 

We would like to restrict our shopify online store to trade customers only, and therefore I wanted to create a members only / account log in for the online shop page. I still want everyone to be able to see the other pages, but restrict the store page or even just the prices. The store and prices should only be accessible after customers register an account through a registration form. Once these forms have been approved, the customers should be able to log in straight away in the future.

How can I do that? Do I need a Shopify expert to write this for me?

 

Thank you,

Nadine 

Replies 7 (7)

Moeed
Shopify Partner
4968 1317 1599

Hey @NadiB2010 

 

If you want I can provide you a code that can hide prices until user is logged in into your website and non-logged in users won't be able to see the prices. Let me know if you want that and also please share your Store URL and Password if enabled

 

Best Regards,

Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
NadiB2010
Visitor
3 0 0

Hi Moeed,

That would be amazing yes please.

URL is www.trinketypaws-trade.co.uk

Is there a way as well how I can create a more custom registration form users will have to fill when registering?

I keep getting stuck with the regular one, which I have now added, but somehow it won't let me adjust it to require more info from the logging in user....

Somehow it's suddenly also asking for an account domain? I thought I had it all solved, but so many new issues popping up today 🙈

 

Thank you so much for help. 🙂

 

 

Moeed
Shopify Partner
4968 1317 1599

Hey @NadiB2010 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if customer %}
<style>
.price {
    display: block;
}
</style>
{% else %}
.price {
    display: none;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
AsYouCanSee
Visitor
2 0 1

I'm going to try this as well, as I've been needing to get something like this for a more "members only" type of structure. I'm going to reach out if it works or doesn't

NadiB2010
Visitor
3 0 0

Hi @Moeed 

I have done this now, but can still see the pricing when I go the page.

Is that possibly because I haven't set up the registration form properly

 

Thanks,

Nadine

Brett_Helium
Shopify Partner
263 48 114

Hey @NadiB2010 and @AsYouCanSee!

We generally recommend using the Helium Customer Fields app along with the Locksmith app to accomplish something like this. It is also possible to do some of this by editing the theme code directly, but you may need to actually work with a developer directly if you need assistance.

The Helium Customer Fields app allows you to build a custom registration form for the site to add additional field and collect any information you need. It also gives you the ability to require manual approval for applications, so that you can review and approve/deny customers for wholesale access.


The Locksmith app gives you the ability to control access to your site, which could be blocking access to the entire site itself, specific pages, or just the prices. Used with the Customer Fields app, this essentially means that only approved customers would be able to view the site/prices.

Brett | Helium
Helium builds apps that thousands of merchants depend on:
- Customer Fields ✪✪✪✪✪ (350+ reviews)
- Meteor Mega Menu ✪✪✪✪✪ (280+ reviews)

Jahid-KlinKode
Excursionist
145 1 5

Hey @NadiB2010, check out this quick tutorial on creating a Members-Only Store on Shopify: