> For the complete documentation index, see [llms.txt](https://docs.northcommerce.com/north-commerce/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.northcommerce.com/north-commerce/blocks/account.md).

# Account

Customers need two pages: one to sign in, and one for their account after they are signed in.

* **Account Auth** — sign in, create an account, and the “check your email” screen. Put this on the login / register page.
* **Account Area** — the signed-in dashboard (orders, subscriptions, downloads, addresses, profile, and payment). Put this on the account page.

{% hint style="info" %}
Do not put both blocks on the same page. Auth is for people who are signed out. Area is for people who are signed in.
{% endhint %}

## Before you start

1. North Commerce and North Commerce Blocks are installed and turned on
2. You have a way to take money turned on if you want saved cards to work (**North Commerce → Settings → Payments**)

## Add Account Auth (the login page)

1. In WordPress go to **Pages → Add New Page**
2. Name it something clear, like “Sign in”
3. Click the **+** button
4. Search for **Account Auth**
5. Click it once

![Search for Account Auth in the block inserter](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2F0MujocObvcGN6xuhFmX4%2Feditor-add-account-auth.jpg?alt=media)

6. Click the block so it is selected
7. In the sidebar, set **Mode** to the screen people should see first: **Sign in**, **Register**, or **Pending** (the “check your email” screen). Visitors can switch without reloading.
8. In **Account page**, paste the full web address of the page that will hold **Account Area**. That is where they land after they sign in.
9. Optional: add a **Terms of service URL** and **Privacy policy URL**. Those links show under Create account. Leave them empty to hide them.
10. Click **Publish**

You can click the title and subtitle on the block to change the words. They start as “Sign in” and “Create your account.”

{% hint style="success" %}
You only need one Account Auth block. Put it on the login page, not in the header.
{% endhint %}

## Add Account Area (the account page)

1. In WordPress go to **Pages → Add New Page**
2. Name it “Account”
3. Click the **+** button
4. Search for **Account Area**
5. Click it once

![Search for Account Area in the block inserter](https://3754649969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD2GW0FgHldEZwt1FAF7r%2Fuploads%2FnExrHTYIoGVnfZvZVIUX%2Feditor-add-account-area.jpg?alt=media)

The greeting and six sections come with it.

6. Click the block so it is selected
7. In **Logged-out redirect**, paste the full web address of your Sign in page (the one with Account Auth). Leave it empty and they go to the home page.
8. Optional: pick an **Accent** color
9. **Default section** is the tab they land on (Orders is the usual choice)
10. Click **Publish**

Then go back to Account Auth and make sure **Account page** points here.

### What is inside Account Area

You can leave every section. You can also delete one you do not use.

* **Account Orders** — past orders, and the order detail
* **Account Subscriptions** — recurring orders
* **Account Downloads** — files they bought
* **Account Addresses** — saved addresses
* **Account Profile** — name, email, and password
* **Account Payment** — saved cards

**Preview state** in the sidebar is editor-only. The live page always shows the real signed-in customer.

## What your customer will do

On the Sign in page they will:

1. Type their email and password, or click **Create an account**
2. If they are new, check their email and confirm
3. Land on the Account page

On the Account page they will:

1. See “Hi,” and their name
2. Click a section: orders, subscriptions, downloads, addresses, profile, or payment
3. Open an order, update an address, or add a card

If they visit the Account page while signed out, they are sent to the Sign in page (or home, if you left the redirect empty).

## Make sure it works

Open a new browser tab. Use a window where you are not already signed in as the shop owner, if you can.

1. Go to the Sign in page. You should see email and password.
2. Create an account (or sign in)
3. You should land on the Account page
4. You should see the section tabs
5. Sign out, then open the Account page again. You should be sent to Sign in.

## If something looks wrong

* **After sign in they go to the wrong page.** Account Auth is missing the **Account page** address, or that page does not have **Account Area**.
* **The Account page is blank.** They are signed out. Check **Logged-out redirect**.
* **No payment cards to add.** A card payment method is not turned on. Go to **Settings → Payments**.
* **You put both blocks on one page.** Split them. Auth on Sign in. Area on Account.

SEE ALSO: [Order Confirmation](/north-commerce/blocks/order-confirmation.md) · [Cart Checkout](/north-commerce/blocks/cart-checkout.md)