How to bypass Shopify Password Online Store

All newly created Shopify development stores are password protected. It means that visitors will have to enter a storefront password to access the site.

The password can be set from Shopify Admin -> Left Menu -> Online Store -> Preferences -> Password protection:

Unfortunately, ‘Enable password’ checkbox cannot be unchecked and all new visitors of the site will have to enter a storefront password.

The above could be inconvenient for people who visit an theme preview online store.

So, I spend some time how to resolve that and I’ve found a solution:

Instead of redirecting visitors directly to shopify store, I’ve created a static HTML page

with the following code:

<form method="post" action="https://YOUR_STORE.myshopify.com/password" id="login_form" accept-charset="UTF-8" class="storefront-password-form dt-custom-button" target="_blank">

<input type="hidden" name="form_type" value="storefront_password">
<input type="hidden" name="utf8" value="?">

<div class="input-group password__input-group">
   <input type="password" name="password" id="Password" value="YOUR_STOREFRONT_PASSWORD" class="input-group__field input--content-color" placeholder="Your password" style="display: none">
  <span class="input-group__btn"><button type="submit" name="commit" class="btn btn--narrow elementor-button ">View Demo</button></span></div></form>

Replace, ‘YOUR_STORE.myshopify.com’ with your actual shopify store URL, and ‘YOUR_STOREFRONT_PASSWORD’ with your storefront password. Then when people, click on ‘View Demo’ it will submit the form with storefront password and they will see the site.