> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/password.md).

# Password Page

The closed-store page — countdown, enter button, background media, and app form embeds.

The page customers see while your store is password-protected. It stands alone: no header, no footer, no cart box. It carries your mark, the clock, your message, a mailing list sign-up and the password form.

## Settings

| Group              | What's in it                                                    |
| ------------------ | --------------------------------------------------------------- |
| **Logo and time**  | Logo image, logo height for desktop and phones, show live clock |
| **Closed message** | Your wording                                                    |
| **Mailing list**   | Show sign-up, the prompt above the field, custom form embed     |
| **Countdown**      | On/off, the moment, label, enter button, storefront password    |
| **Background**     | Colour, image or video, plus filter, darken, vignette           |
| **Text**           | Text colour                                                     |

## Countdown

Set the moment as five numbers — year, month, day, hour, minute — read in **your store's time zone** from Shopify settings → General. No date format to get wrong.

**Label** is an optional line above the digits, like `next drop`.

### The editor tells you what you set

Under the countdown, in the theme editor only, SUPRA prints the moment your five numbers came to in words — *Ends Saturday 5 September 2026 at 11:00am CDT, your store's time zone* — and says so if that moment has already passed. Numbers that are not a real date say so too.

Note the am/pm. The five fields are a 24-hour clock because there is no am/pm box to go with them, but the line reads back in 12-hour — a merchant checking their own work should not have to convert 22:10 in their head.

It is read through the same filter the countdown itself uses, so it cannot say one thing while the page does another. If that line reads wrong, the countdown is wrong.

The line says so on itself — **Editor only — customers do not see this** — because that is a worry you have while looking at the page, not while reading a checkbox. **Check the date here in the editor** turns it off if you would rather work without it.

## Letting visitors in when it ends

Turn on **Let visitors in when it ends** and put your storefront password (from **Online Store → Preferences**) in the field below. When the countdown reaches zero the digits are replaced by an **enter** button, which submits that password for the visitor so they go through without typing it.

This does not open the store. Password protection stays on, and every visitor still arrives at this page — the button is a way past the form, not a switch. Turn protection off under **Online Store → Preferences** when you want the shop public.

The password is only written into the page after the countdown has passed, never before. From that moment anyone can read it out of the page source, so treat the countdown as the moment your shop opens.

**One thing to understand about this.** Your password is only written into the page *after* the moment has passed. Before then it isn't in the HTML at all, so nobody can read the source and walk in early. But once the countdown passes, it is readable by anyone who looks — which is fine if the countdown really is the moment you open, and a bad idea if you also use that password for private previews afterwards. Change it after the drop if you do.

## Mailing list

The built-in field creates a Shopify customer with an email. Clear the **Sign-up prompt** and nothing shows above the field.

### Using Klaviyo, Postscript or Shopify Forms instead

Paste your app's form into **Custom form embed** and it takes the place of the built-in field. Most apps load their own script through their Shopify app, so what you paste is usually just the form's target div.

**This is also the only way to collect a phone number here.** Shopify's own storefront form takes an email and nothing else — SMS consent is recorded through the Admin API, which a storefront page can't reach. So the app that's going to send the messages has to be the one that collects the number.

## The credit line

A small **Powered By WEBEXP** line sits at the foot. It only ever appears on this page, so customers never see it once your store is open. See [Going Live](/supra-shopify-theme/supra/getting-started/going-live.md) for how to have it removed.

## Social links

Off by default. A closed shop is often the only page anyone can reach, so the accounts are frequently the only way to follow what happens next — worth turning on while the countdown runs.

Set the accounts under **Theme settings → Social media**.

## The logo here is its own

The password page does not use the shop logo from [Theme settings](/supra-shopify-theme/supra/theme-settings/logo.md). It has its own picker, with its own **Logo height on desktop** and **Logo height on phones**.

That is deliberate: this page often sits on a different background from the shop, and a mark that reads on white may not read on black.

There is no switch to hide it. A page that is almost nothing but the mark does not need one, and the switch that used to be here took the clock with it.