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

# Introduction

> Allow users to create and manage their own accounts.

## Required Page Structure

We need all the following pages in the webflow project in a `account` folder:

1. [Login](/webflow/customer/login) - Used to login to the account
2. [Signup](/webflow/customer/customer-signup) - Used to create a new account
3. [Recover](/webflow/customer/recover) - Used to recover a lost password
4. [Reset](/webflow/customer/reset) - Used to set a new password after a recovery

<Frame>
  <img src="https://mintcdn.com/thinddev/WJpokBS_R24FjARc/images/account-pages.png?fit=max&auto=format&n=WJpokBS_R24FjARc&q=85&s=84bdc40b983691135171062357a8080c" width="486" height="352" data-path="images/account-pages.png" />
</Frame>

You can also create a profile and order page using following Looop Elements:

<CardGroup cols={2}>
  <Card title="Customer Variables" icon="code" href="/webflow/customer/variables">
    Show customer profile values like name, email, phone etc. or modify elemets visibility.
  </Card>

  <Card title="Customer Update Form" icon="list-dropdown" href="/webflow/customer/update">
    A  Webflow form element that allows the customer to update their profile.
  </Card>

  <Card title="Customer Address Form" icon="location-pin" href="/webflow/customer/address">
    A  Webflow form element that allows the customer to update their default address.
  </Card>

  <Card title="Orders List" icon="boxes-stacked" href="/webflow/customer/orders">
    A list of orders that the customer has placed.
  </Card>
</CardGroup>