> 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/drift-shopify-theme/drift-studio/sections-and-features/password.md).

# Password Page

The page shown to visitors before your store is published, or whenever the store is password-protected. DRIFT Studio includes optional countdown and background blocks for drop launches.

## How to access

The **DRIFT Password** section is automatically rendered on the password template. To edit, switch the customizer to the password page.

## Appearance

### Color mode

The password page follows the storefront's color mode automatically — set the default in [Theme Settings → General → Default color mode](/drift-shopify-theme/drift-studio/theme-settings/general.md). Shoppers who have a saved preference (from prior visits) will see the page in their chosen mode.

### Layout style

* **Spread** — Logo at the top, footer at the bottom.
* **Compact** — Everything centered.

## Logo

### Logo (light mode)

Shown when color mode is set to light.

### Logo (dark mode)

Shown when color mode is set to dark. Falls back to the light logo if not set.

### Logo height (px)

Range from 20 to 200 pixels. Default: 48.

### Show logo container

Wraps the logo in a glassmorphic pill to match the header style.

## Content

### Heading

Default: `Coming Soon`.

### Description

Rich text shown below the heading.

## Newsletter

### Show newsletter signup

Uses Shopify's built-in customer newsletter. Disable if you're using a custom Klaviyo block instead.

### Newsletter heading

Default: `Get Early Access`.

### Newsletter subtext

Default: `Be the first to know when we launch.`

## Password access

### Password button text

Label for the password entry button. Default: `Enter Password`.

## Footer

### Show social icons

Displays social media icons above the footer. Configure links in [Theme Settings → Social media](/drift-shopify-theme/drift-studio/theme-settings/social-media.md).

### WEBEXP credit

A "Powered by WEBEXP" credit shows in the footer. To have it removed, leave a review on the [DRIFT Studio product page](https://webexp.dev/products/drift-theme-studio) and send a screenshot to [Instagram](https://www.instagram.com/webexp.dev/) DM or [email](mailto:contact@webexp.dev) — we'll take care of it.

## Drop Countdown block (Studio only)

Add a **Drop Countdown** block (max 1 per page) for time-limited drops:

* **Year, Month, Day, Hour, Minute** — Target time. Hour is 24-hour format.
* **Timezone** — The timezone the countdown is anchored to.
* **Drop live badge text** — Shown when the countdown reaches zero. Default: `The drop is live.`
* **Drop live heading** — Replaces the main heading when the timer ends. Default: `IT'S HERE`.
* **Drop live subtext** — Replaces the description when the timer ends.
* **Store password** — When the timer ends, an "Enter Site" button appears. Clicking it auto-fills this password and submits. Must match your store password in **Settings → Online Store → Preferences**.

## Background block (Studio only)

Add a **Background** block (max 1 per page) for an image or video backdrop:

### Hide Live Gradient on password page

Off by default. When on, the [Live Gradient](/drift-shopify-theme/drift-studio/theme-settings/background.md#live-gradient) is suppressed on the password page only — your image or video background takes over the full viewport. Use this when you want Live Gradient site-wide but a static drop hero image on the password page.

### Video

* **Show video background** — Master switch.
* **Video URL** — Upload to Content → Files and paste the URL.

### Image

* **Show image background** — Master switch.
* **Background image** — Image picker.

### Effects (apply to both image and video)

* **Blur** (0–40 px), **Brightness** (0–200%), **Hue rotate** (0–360°), **Grayscale** (0–100%), **Sepia** (0–100%), **Invert** (0–100%).

### Overlay

* **Overlay opacity** (0–100%) — Adds a color overlay using the current color mode for text readability.

## Custom Liquid block (Studio only)

Add a **Custom Liquid** block to embed code (for example, a Klaviyo signup form).

* **Custom Liquid** — Paste the embed code or Liquid markup.