> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Customer account start page

> Build the WEBSALE customer account start page using the account_layout.htm template with account navigation and a customizable main content area.

Base template - account\_layout.htm

The template is located in the directory layouts/account\_layout.htm and contains the account navigation and main area.

```html theme={"theme":{"light":"github-light","dark":"github-dark"},"languages":{"custom":["/languages/websale.json"]}}
{{ extends "layouts/layout.htm" }}

{{ block content_main }}
  {{ proc listItem($name, $url) }}
    {{ var $currentUrl = $wsViews.current.url() }}
    {{ var $active = "" }}
    {{ if $currentUrl == $url }}
        {{ $active = "active"}}
    {{ /if }}
    <a href="{{= $url }}" class="list-group-item {{= $active }}">{{= $name }}</a>
  {{ /proc }}

  {{ if $wsAccount.isLoggedIn }}
    <div class="list-group">
      <div class="d-block p-2">{{! listItem("Overview", $wsViews.viewUrl('account/accountManagement.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Manage addresses", $wsViews.viewUrl('account/addressManagement.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Change email address", $wsViews.viewUrl('account/changeEmail.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Change password", $wsViews.viewUrl('account/changePassword.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Delete account", $wsViews.viewUrl('account/deleteAccount.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Order overview", $wsViews.viewUrl('account/orderHistory.htm')) }}</div>
    </div>
 {{ /if }}
 
 {{ block content_account_main }}
  ...
 {{ /block }}
{{ /block }}
```


## Related topics

- [$wsAccount - Account & address data](/en/frontend/referenz/module/wscookies.md)
- [Account](/en/frontend/referenz/aktionen/account.md)
- [Storefront API Customer Account](/en/schnittstellen/storefront-api/storefront-api-kundenkonto.md)
- [Everything for the start](/en/frontend/die-basics/alles-fur-den-start.md)
- [actions - Basket & checkout](/en/konfiguration/actions-fehlertexte-e-mails/actions-warenkorb-checkout.md)