How can I create an interactive password page on Shopify?

Store Design
, , ,
1

IMG_0404.png
IMG_0404.png1290×2796 694 KB

IMG_0405.png
IMG_0405.png1290×2796 716 KB

hello, I am trying to make my Shopify password page look and interact like the images above. I’d like to have a password form that people can enter a password and allows them into the store directly. If they don’t have a password they can press the join waitlist and it opens an email form where they can register. How can I achieve that?

thank you

2

Hello @Mazen98 ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Templates → Add a new template → Page → Name your new template (e.g., “password-page”) and click on “Create template.”
  • Edit the new template file: Once the template file is created, you’ll see the code editor open with a new file. Add the following code to the file:
{% layout none %}
{% comment %} 
  Template Name: Password Page
  This template is used for the password page.
{% endcomment %}

{% if page.password_required %}
  
    ## Enter the Password
    
    

Don't have a password? Join the Waitlist

    
      ## Join the Waitlist
      
    

  

  
{% else %}
  

The password page is disabled. Please check your settings.

{% endif %}
  • Save and preview

Hope this can help.

Ali Reviews team.

3

i want the same for my website. this code doesnt work. can you help me