Password form

Add a password-protected entry field to your Shopify password page — so visitors can unlock access before your store launches.

When to use this element

Use the Password form element when you're building a custom password page in Foxify and need to let visitors enter a password to access your store.

Best fits for:

• A coming soon page before your store officially launches

• A members-only or VIP early-access page

• A wholesale or B2B storefront with restricted access

• Any page where you want to control who can enter using Shopify's password feature

How is this different from similar elements?

Use this

Password form

Lets visitors unlock access to your store by entering a password. Works with Shopify's built-in password protection. Use when your store isn't publicly accessible yet.

Use instead if...

Subscribe form

You want customers to sign up for updates while your store is still being built — collecting emails before you launch, without requiring a password to proceed.

Note: The Password form element only works on Password page type.

Quick setup

Before you start: Make sure your Shopify store's password protection is enabled. Learn how to add your online store password

1

Add the Password form element

Click Add elements (or press E) → find Password form under Advanced elements → drag it onto your canvas.

2

Configure the form

In the Inspector panel → General tab, set the password placeholder text, button label, button icon, and button style.

3

Style the form

Switch to the Design tab to style the element container, form input, submit button, and submit button hover state separately.

4

Preview and publish

Switch to mobile preview to check how the form renders. Click Save & Publish when ready.

Expected result: Your password page now shows a styled input field and submit button. Visitors enter the password to unlock access to your store. The form connects directly to Shopify's password protection — no additional setup needed.

Settings — General

Setting	What it does	When to use
Password placeholder	The hint text shown inside the password input field before the visitor types	Use something clear like "Enter password" — keep it short
Button label	The text on the submit button	Common options: "Enter", "Unlock", "Access store". Keep it 1-2 words.
Button icon	Optional icon displayed on the submit button	Use when you want an icon-only or icon+text button. Leave empty for text only.
Button style	Apply a predefined button style from Global styles	Click Select style to choose from your saved button presets — keeps the button consistent with the rest of your store.

Settings — Design

The Password form has 4 design layers you can style independently:

Element Container

The outer wrapper — controls overall width, padding, background, and borders of the entire form block.

Available settings:

• Form layout: You can set the input field and button to display on the same line or stack them across two lines.

• Input & Button height: Allow adjustment of the height for the input field & button.

Form input

Submit button

Submit button hover

FAQs

Can I use the Password form element on a regular Foxify page?

No — it only works on Password page type.

Where do I set the actual store password?

In Shopify Admin → Online Store → Preferences → Password protection. The Password form element in Foxify handles the visual form only — the password itself is managed in Shopify.

Can I have multiple Password form elements on the same page?

You can add more than one, but only one is needed — Shopify's password page only requires a single form to authenticate. Adding multiple forms doesn't add functionality.