# Password page

You can restrict visitors access to your online store by adding the password page in the **Password protection** section. The password page is a landing page that requires any visitor to provide a password to visit your online store. If you want your customers to access your online store, then you can provide them with the password to your online store.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FXXq9KaLbHfGANhnLM1MB%2Fimage.png?alt=media&#x26;token=28fc5c83-e9b4-4441-8f1d-212ff2ed7bce" alt=""><figcaption></figcaption></figure>

## Static sections

Sections designed specifically for the Password page.

{% hint style="success" %}
**Steps**

1. In the theme editor (**Customize**), open the template selector.
2. Select **Password.**
3. On the left-sidebar, add **Main password page**
4. Make necessary changes > **Save.**
   {% endhint %}

You can find more information about the Shopify password page in the provided link: [Shopify Password Page Guide](https://help.shopify.com/en/manual/online-store/themes/password-page).

## Section Settings

### General Settings <a href="#general-settings" id="general-settings"></a>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FX5DFuCCZQ90v5sCYN6X1%2Fimage.png?alt=media&#x26;token=8a056214-7fd7-4e4c-9b1e-6e22255a134a" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image</strong></td><td>Upload an banner image </td></tr><tr><td><strong>Image position</strong></td><td>Position of image relative to content</td></tr><tr><td><strong>Alignment</strong></td><td><p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td><strong>Content max width</strong></td><td>Adjust the width of the appropriate content</td></tr></tbody></table>

### Block settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FUZY945CXpvy5FuSdiQUv%2Fimage.png?alt=media&#x26;token=d28b10a2-f643-4859-af9d-5b5aa0c37ff4" alt=""><figcaption></figcaption></figure>

**Subheading, Heading, Description**

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F5fM76zKxu9U44tKf9CSf%2Fimage.png?alt=media&#x26;token=9644be26-42fc-4aea-a9d2-a3a32c0790d6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Subheading, Heading, Description</strong></td><td>The title of the block</td></tr><tr><td><strong>Width</strong></td><td><p>The width of text block:</p><ul><li><strong>Fit</strong>: adapts to the text length.
</li><li><strong>Fill</strong>: stretches across the container width.</li></ul></td></tr><tr><td><strong>Typography - Preset</strong></td><td>Choose a preset style (font, size, weight) from <strong>Theme settings → Typography</strong>.</td></tr><tr><td><strong>Background</strong></td><td>Toggle ON to enable a background area behind the text.</td></tr><tr><td><strong>Background color</strong></td><td>Select the color for the text background.<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Corner radius</strong></td><td>Adjust the roundness of the background corners<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Padding top/bottom</strong></td><td>Adjust these values to control the amount of space between the section’s content and its outer edges.</td></tr></tbody></table>

#### Countdown timer

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FKiAd6n9TtlO2rkiC2MiK%2Fimage.png?alt=media&#x26;token=0952718d-8f48-4b97-93c7-bd7f4baf89c0" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="211">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>End time</strong></td><td>Set the countdown's end date (format: mm-dd-yyyy). The timer stops after this date.</td></tr><tr><td><strong>Expired message</strong></td><td><p>Message shown when the timer ends. You can customize it.</p><p><em>*Note: This message will be displayed when the time has expired.</em></p></td></tr><tr><td><strong>Design</strong></td><td><p>Choose your timer style:
</p><ul><li><strong>Default</strong>
</li><li><strong>Modern</strong></li></ul></td></tr><tr><td><strong>Spacing bottom</strong></td><td>Adjusts the space below</td></tr></tbody></table>

**Email subscription**

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FCL4I131XfG09Sbgv9Naw%2Fimage.png?alt=media&#x26;token=829270d2-8260-4140-8807-2390abbd70fc" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Email placeholder text</strong></td><td>Text brief hint inside email field</td></tr><tr><td><strong>Button label</strong></td><td>Button content</td></tr><tr><td><strong>Spacing bottom</strong></td><td>Adjusts the space below</td></tr></tbody></table>