> For the complete documentation index, see [llms.txt](https://sitesbyseth.gitbook.io/sitesbyseth-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/getting-started/drop-mode.md).

# Drop mode (password page)

Drop mode is Skeleton's take on the Shopify password page: a full-screen background photo or video, your logo, a live launch countdown, and email/SMS waitlist capture. Use it before launch, or between drops to build a list.

It looks nothing like the default Shopify password page — no header, no footer, just the hero.

## Step 1: Turn on your store password

The password page only shows when your store is password-protected:

1. In your Shopify admin, go to **Online Store → Preferences**.
2. Scroll to **Password protection**.
3. Check **Restrict access to visitors with the password**.
4. Set a password (you'll share this with anyone who should get in early).
5. Optionally write a message in the message box — Skeleton can display it on the page.
6. Click **Save**.

💡 Stores still on a Shopify trial are password-protected automatically.

## Step 2: Customize the page

1. Go to **Online Store → Themes → Customize**.
2. Click the page selector at the top and choose **Others → Password**.
3. Click the **Password page** section in the left panel.

### Logo

* **Logo image** — upload your logo. If you skip this, your store name shows as text.
* **Logo width** (60–280 px, default 120).
* **Logo position** — **Top left** or **Top center**.

### Background

* **Background video** — autoplays muted on a loop. When set, it's used instead of the image. A 10–20 second loop shot works beautifully.
* **Background image** — used when no video is set. Use at least 2000 px wide.
* **Overlay opacity** (0–90%, default 40) — darkens the background so the text reads. Raise it for busy footage.
* **Text color** — default white.

### Countdown

* **Launch date and time** — type it in this exact format: `YYYY-MM-DD HH:MM` (24-hour clock). Example: `2026-08-01 18:00`. Leave it empty to hide the countdown entirely.
  * 💡 The countdown runs in **each visitor's local time zone** — someone in New York and someone in London both see it hit zero at their own 18:00. For a global drop moment, announce the time zone in your marketing.
* **Countdown label** — the text above the timer (default "Dropping in").
* **Text when finished** — what replaces the timer at zero (default "We're live"). Leave it empty and the countdown simply disappears when it ends.

### Content

* **Heading** — the big line (default "Opening soon").
* **Show password page message** — shows the message you wrote in **Online Store → Preferences → Password protection**. Turn off if you'd rather keep just the heading.

## Step 3: Add the waitlist blocks

Click **Add block** under the Password page section. Three block types are available:

### Email signup

Uses Shopify's built-in customer capture — no app needed.

* **Placeholder** — the text inside the field (default "Email address").
* **Button label** — default "Claim early access".
* **Success message** — shown after signup (default "You're on the list.").

Signups appear in your admin under **Customers**, tagged `prospect, password page` — so when you launch, you can email exactly the people who signed up here (or sync the tag to Klaviyo/Mailchimp).

### SMS signup

Collects phone numbers and posts them straight to your SMS provider's form endpoint.

* **SMS provider form URL** — paste the form endpoint from your provider (Klaviyo, Postscript, Attentive, etc.). Every provider has a "form" or "subscribe endpoint" URL in their signup-form docs.
* **Phone field name** — the input name your provider expects (default `phone`). Klaviyo forms, for example, may want a different field name — check your provider's form documentation.
* **Placeholder** — default "Phone number".
* **Button label** — default "Claim early access".

⚠️ The SMS box only appears once you've pasted a form URL. In the editor you'll see a hint reminding you until you do.

### Custom Liquid

A free code box for app embeds or anything else (e.g. a Klaviyo embedded form, a social link row). If you don't know what Liquid is, you can safely ignore this block.

## How customers with the password get in

A small **lock icon** sits in the top-right corner of the page. Clicking it opens a minimal password prompt. Enter the store password and you're in. If someone types the wrong password, the prompt reopens with an error.

## Launch day

1. Go to **Online Store → Preferences**.
2. Uncheck **Restrict access to visitors with the password**.
3. Click **Save**. Your store is live.

💡 Pair drop mode with the header's **Countdown block** (see [Header](/sitesbyseth-docs/skeleton/sections/header.md)) so the urgency carries into the live store after launch.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://sitesbyseth.gitbook.io/sitesbyseth-docs/skeleton/getting-started/drop-mode.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
