# Login template

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fh21M6x9ntSCFTrlO5Kix%2Flogin-desktop-1.jpg?alt=media&#x26;token=ea1b8141-6879-4711-973c-d6e084061455" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fr6H4kAaIts0BETWCuZsl%2Flogin-mobile-1.jpg?alt=media&#x26;token=32c59921-432c-415a-aa66-eb20ac96983b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FYFywERTPab4ZLjvom81F%2Flogin-desktop-2.jpg?alt=media&#x26;token=b0220d7b-8f6d-41cd-b971-f4405472e991" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FnPHK1LR2wXBUrZ6NMQx3%2Flogin-mobile-2.jpg?alt=media&#x26;token=f14ae7f3-8f7d-4f63-8d5b-3cb1f20c1e67" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

The section is static on a **Login page** template, it was added initially and cannot be removed.

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FEy8Bq0ovPLJbngF5STpC%2Fregister-settings.jpg?alt=media&#x26;token=57a3dde6-e660-4102-9a76-a97a18139d69" alt=""><figcaption></figcaption></figure>

1. **`Image desktop`** - setting allows you to select an image for the **Desktop**;
2. **`Image mobile`** - setting allows you to select an image for the **Mobile**.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FFFiAvZ8iHUGgPwfLAOo8%2Fregister-layout.jpg?alt=media&#x26;token=8bcf57d4-c98a-4c09-acf2-fb8c26f206fc" alt=""><figcaption></figcaption></figure>

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## Theme content

You can customize the text content in the Login section of Accounts (classic).

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FkpXQH7jOAM5iWXrtKOYi%2Flogin-theme-content-1.jpg?alt=media&#x26;token=85c2b494-7e3a-4aca-880e-ba7451cc84ec" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FoTmDdsga5reAuE9u7z7a%2Flogin-theme-content-2.jpg?alt=media&#x26;token=dbca071f-fe81-4609-ac38-951a7ce0f7a3" alt=""><figcaption></figcaption></figure>

1. **`Title`** - setting allows you to select a Title for the section;
2. **`Email`** - setting allows you to select a label for the Email input;
3. **`Email placeholder`** - setting allows you to select a placeholder for the Email input;
4. **`Email aria label`** - setting allows you to select a aria label for the Email input;
5. **`Password`** - setting allows you to select a label for the Password input;
6. **`Password placeholder`** - setting allows you to select a placeholder for the Password input;
7. **`Recover password`** - setting allows you to select a label for the Recover password link;
8. **`Sign in`** - setting allows you to select a label for the Sign in button;
9. **`Sign up`** - setting allows you to select a label for the Sign up button;
10. **`Password aria label`** - setting allows you to select a aria label for the Password input;
11. **`Recover aria label`** - setting allows you to select a aria label for the Password link;
12. **`New customer`** - setting allows you to select a text for the New customer;
13. **`Sign in aria label`** - setting allows you to select a aria label for the Sign in button;
14. **`Sign up aria label`** - setting allows you to select a aria label for the Sign up button.

You can customize the text content in the Recover password section of Accounts (classic).

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F5XXIXKRmI9aiRjtk5P6m%2Flogin-theme-content-3.jpg?alt=media&#x26;token=002caf6c-c36c-408c-a71c-e3da45ff2329" alt=""><figcaption></figcaption></figure>

1. **`Title`** - setting allows you to select a title for the section;
2. **`Submit`** - setting allows you to select a label for the Submit button;
3. **`Submit aria label`** - setting allows you to select a aria label for the Submit button;
4. **`Cancel`** - setting allows you to select a label for the Cancel button;
5. **`Cancel aria label`** - setting allows you to select a aria label for the Cancel button;
6. **`Subtext`** - setting allows you to select a subtext for the section;
7. **`Success`** - setting allows you to select a success message after submit.

You can customize the text content in the Account section of Accounts (classic).

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FxaAOiBEAMBQWmMzbdiZk%2Fregister-theme-content-4.jpg?alt=media&#x26;token=92ea06de-65e2-4fa3-8791-8f2020f8d649" alt=""><figcaption></figcaption></figure>

1. **`Show password`** - setting allows you to select a aria label for the show password button.

You can customize the text content in the Accessibility section of General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FkbDeeftt6j7MjsQ9bm5z%2Fregister-theme-content-3.jpg?alt=media&#x26;token=c3de6fee-b940-439b-9575-a6aa261295b8" alt=""><figcaption></figcaption></figure>

1. **`Error`** - setting allows you to select a title for the error;
2. **`From error title`** - setting allows you to select the from error title;
