> ## 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

> Customer Variables are a combination of variables that can be used to modify the Webflow site based on the customer authentication status.

## Root Variables

1. looop\_on-login - This variable is true when the customer is logged in.
2. looop\_on-logout - This variable is true when the customer is logged out.

## Combination of variables

Each of the root variables can be combined with sub-variables to create a logic to show customer profile values like name, email, phone etc. or modify elements visibility.

## How to use

We use the customer variables by setting custom attributes on the Webflow elements, where the root variable is the name of the attribute and the value is the sub-variable.

For example, to show an element when the customer is logged in, we can set the custom attribute:

```html theme={null}
looop_on-login=show
```

<CardGroup cols={2}>
  <Card title="On Login Variables" icon="arrow-left-from-line" href="/webflow/customer/on-login">
    Change the visibility/content of the elements id the customer is logged in.
  </Card>

  <Card title="On Logout Variables" icon="arrow-right-from-line" href="/webflow/customer/on-logout">
    Change the visibility/content of the elements id the customer is logged out.
  </Card>
</CardGroup>