How to Build & Customize Shopify Password Page

0 comments

shopify-password-page

Table Of Contents

You should not skip this blog if you have a product coming soon, your online store is under maintenance, or you want to create a Password Page for your Shopify stores but you don't know how to start with no coding knowledge. This article will provide you with complete information on how to quickly and easily create, customize, and edit Password Page. Let's get started.

What is a Password Page?

 

(image source: EComposer Password Page layout)

Password page is a page where everyone visiting your online store must enter a password. You can give your consumers the password to your online store if you want them to be able to access it.

[ecom-global-block]ecom-shopify-trial-block[/ecom-global-block]

When do you use a Password Page for your online Shopify store?

Launching

password-page-launching

(image source: EComposer Password Page layout)

Generally, before publishing or launching a new product or store opening, you have to prepare special promotions for customers. The priority customers will use a password to enter the store before others visit the online store first. 

Besides, you also can use it for testing and checking the operations of the online stores before launching such as product images, loading speed, special programs, etc.

Maintenance

password-page-maintenance

You can use the Password Page to momentarily suspend your business during the maintenance period. This is only a temporary solution though, as keeping this feature active for an extended period of time will harm your Shopify online store's SEO.

Why should you use Password Page?

Promote your brand image

Your Password Page gives potential customers a sneak peek at what is coming from your company or product. This is a fantastic chance for promotion. Visitors can immediately learn about your website or product before purchasing by including a distinctive brand logo, image, product statement, or description of added value on your page.

Attract enquiring buyers

Your Shopify Password Page will pique customers' interest and lead them to want to know more about your stores.

This is another method of generating leads from them. Once your store is open, customers who are curious about your brand or product are more likely to come back.

Accumulate consumer data

It may be possible to leverage the Shopify Password Page as a lead generation tool. As soon as your Shopify store is up and running, it can help you start gathering and building your client email or phone number list. This information is crucial if you want to sell your new brands and items because it can convert potential visitors to future buyers.

Get users’ feedback

password-page-get-user-feedback

Designers occasionally include a straightforward form on the Password Page to collect user feedback for improving the product or service. This enables you to fine-tune and accelerate your goods while assisting you in gathering market input before launching your product.

How to create Password Page on Shopify 

There are two ways to make a completed Password Page for your online store:

Using Shopify’s function

Step 1: Activate Password Page

- From the Dashboard menu, click on “Online Store”, choose Preferences, scrolling to the Password protection section.
- Enter the password you'll use to grant customers access to your online store in the Password field. Use a different password to access your admin account
- Enter the message you want to appear on the Password Page under Message to your visitors. Leave this area empty if you don't want to display a message.
- Click Save.

activate-password-page

    Step 2: Customize Password Page

    - From Online Store Menu, choose Themes, in Current Themes section, click Customize

    customize-password-page-1

      - At the top center, choose Password Page in drop-down menu, Others section

      customize-password-page-2

        Now you can adjust the information on the Password Page by yourself through the editing section with Password header, Email sign-up banner and Password footer. 

        customize-password-page-3

        - Password header: You can add your logo image and custom logo width here.

        customize-password-header

          - Email sign-up banner: You can change the welcome words or message to your customers in this section. Moreover, you also can change the background image to suit the store’s image.

          customize-password-email-signup-banner

            - Password footer:

              This is the final part of Password Page, you will custom the color scheme in this section.

              customize-password-footer

              Step 3: Save and publish - click Save in the top left corner.

              customize-password-save

              Using EComposer Page Builder

              EComposer is a landing page builder which provides optimal website solutions for merchants who own an online store on Shopify. However, the merchants have limited coding knowledge. Thus, EComposer helps them build perfect online stores easily just by drag and drop. 


              In this blog, before starting to create a unique Password Page with more functions, let’s install EComposer - Landing Page Builder for your Shopify stores here.

              Click Add app, in Shopify admin, click Install apps to authorize the use of the app.

              ecomposer-landing-page-builder

              Step 1: Open EComposer

              In the Dashboard menu, go to Apps, click EComposer Landing Page Builder.

              open-ecomposer-landing-page-builder

              Step 2: Start building Password Page

              - In the EComposer Interface, choose the Password Page in the drop-down of Actions section.

              choose-password-page

              - Click Build Password Page

              build-password-page

              - Select Password Page template

              In EComposer, the Password Page is called Coming Soon Page. Hence, go to Coming Soon section and choose your suitable free template from EComposer

              You also can Preview the layout before starting to build one.

              choose-password-page-template

              - Choose start building

              start-building-password-page

              Step 3: Set up Page info and customize Password Page

              Now you can start designing your Coming Soon Page. EComposer will offer a lot of  components you'll need to add to the Coming Soon Page while you're developing it in the “Elements” section like Heading, Countdown, Text, Newsletter, Social, etc.

              add-elements-in-password-page

              You also can adjust others components like background color or image for your Password Page.

              adjust-password-page

              Additionally, EComposer with a lot of features allows you to edit content as well as images of each part in the editing section via layout, design, and advanced categories.

              edit-password-page-background-image

              Step 4: Save and Publish

              Click Publish at the top right corner, choose Save and Publish and then you will see the result.

              save-publish-password-page

              Please look for detailed guides in How to create a Password/Coming soon page here.

              How to edit Password Page on Shopify

              Add Email Subscription to Shopify Password Page

              The email form for updates about your stores and items will be quickly filled out by customers who are interested in your stuff. Discounts and pre-launch offers will also entice and draw in new clients for your business.

              By using EComposer Password Page layout, it has already had a sign-up email banner on the page. You just need to click on this part and change the information and customize as you like.

              email-subscription-password-page

              Add logo to Password Page Shopify

              A fantastic method to individualize your store and increase brand recognition is to include your logo on your Password Page. This is how you do it:

              In your Password Page, click Password Header, select logo image and custom logo width.

              add-logo-to-password-page-1

              Your logo will be located at the top left corner like in the picture below.

              add-logo-password-page-2

              Click save to complete the process.

              Change Shopify Password Page Background Image

              A wonderful method to give your store some flair is to add a background image to the Shopify Password Page. Although any image is acceptable, you should pick one that is pertinent to your business or product.

              - Background image size: 1600x1000 (recommended by expert)
              - How to change/ add Password Page background image 
                Using Shopify function

                  In the Password Page editing interface, click the email sign-up banner, choose change or edit to add/change or adjust any features of the background image here.

                  password-page-background-image-1

                  Click Save and see the new background image.

                  Using EComposer Page Builder

                    In the editing section, design category, you can see background options, click on the current background image, select a new one and choose “select” to apply the new image.

                    password-page-background-image-2

                    Remember after changing the background image, save click at the top right corner to update the new change.

                    Add Shopify Countdown Timer on Password Page using EComposer

                    By using a countdown timer, you may make a product appear more urgent to potential customers by letting the clock run down. The fact that time is of the essence will in some way influence their purchase choice.

                    You should advise customers that they must make a decision in more than one or two hours if they want to receive greater rewards when using countdown timers and urgency.

                    Most EComposer Password Page templates set up a countdown timer already. 

                    To change the time, you can go to the Password Page editing, click the Countdown section, then the editing countdown window will appear. You will adjust the time, information in the content or customize in the design category. Click Save to apply successfully.

                    password-page-countdown-timer

                    Remove “Powered By Shopify” from Password Page footer

                     

                    What does “Powered By Shopify” mean?

                    The "Powered by Shopify" tagline will appear in the footer of any online store you create on the Shopify platform. This informs visitors that the Shopify platform was used to create and power the website. It indicates that Shopify owns the system that powers the website.

                    This tagline does not affect your store; however, it is like a company brand logo that appears on every store page. Hence, in the long term, if you want to personalize all the information on your online store in Shopify, you will need to remove this tagline from your pages. In this section, there is an extremely simple without coding knowledge that you can apply quickly, it only takes about 1 minute. Follow the detailed instructions below.

                    How to remove “Power by Shopify” on Password Page

                    Step 1: Access your Online Store

                    The first step in this process is very simple. From your Shopify admin, go to the themes of your online store, and then select addition from the drop-down menu beside the customize button of the current theme.

                    remove-powered-by-shopify

                    Step 2: Click to choose “edit language” option

                    remove-powered-by-shopify-edit-languages

                    Step 3: Scroll down until you see the section “powered by shopify html”. 

                    In this one, you delete the information in the box.

                    remove-powered-by-shopify-password-page-3

                    Step 4: Click save to complete and see your result.

                    remove-powered-by-shopify-password-page-result

                    Remove Password Page on Shopify

                    Although Password Page brings benefits to your store especially when you launch a new product, grand opening or maintenance, you still have to consider its drawbacks in customer experience. If you want to remove it on normal days, this part is for you.

                    Step 1:  From your Shopify admin, go to the Preference of your online store

                    Step 2: Scroll down to the Password Protection section, disable “Restrict access to visitors with the password” by ticking the box. 

                    Step 3: Click Save in the top right corner to change the status.

                    remove-shopify-password-page

                    Note: If you cannot remove the Password Page, it is likely that you are on Shopify Trial plan or Development stores. You can only remove the Password Page in Shopify paid plans or transfer the store to a merchant.

                    [ecom-global-block]ecom-shopify-commerce-coach-block[/ecom-global-block]

                    Final Takeaways

                    Password Page is a marketing tool in your campaign because this is the first customer touchpoint in your online platforms. Hence, all of the information and images are designed to optimize the customer experience. The things below are some tips that you can apply to get a stunning and effective Password Page for your Shopify stores.

                    Password 

                    There is no restriction on Passwords on Shopify Password Page, you can set it whatever you want. To utilize the effectiveness of the password, remember that:

                    • Stick it with your brand and product
                    • Keep it short and easy to remember
                    • Be creative to impress your customers and attract them

                    Background Image

                    Upload high-quality background images, use your brand image and brand color.

                    Call To Action (CTA)

                    The CTA button must always be visible to the user and accessible without being blocked by other elements.

                    Community_d05546c4-86c8-4c33-89f1-5e563b717b7b