# Global Variables

> Define reusable values like your phone number, address, or brand color once, and use them anywhere on your site.

Source: https://knowledge.estage.com/project-settings/global-variables/
Part of the ESTAGE knowledge base (https://knowledge.estage.com). Full corpus: https://knowledge.estage.com/llms-full.txt

---
**Global Variables** let you define a value once — your support phone, address, brand color,
a logo URL — and reuse it across your whole site. Update it in one place and it changes
everywhere it's used.

## Adding a variable

1. Click **Add Variable** to add a blank row.
2. Enter a **Key** and a **Value**.
3. Save with the floating **Save Variables** bar.

| Column | Rules |
| --- | --- |
| **Key** | Required. `snake_case` only (lowercase letters, numbers, underscores). Must be unique. |
| **Value** | Any text. Genesis shows a live swatch for colors and a thumbnail for images. |

## Value types

Genesis automatically detects the type of each value and shows a small badge so you can scan
the list at a glance:

| Badge | Type |
| --- | --- |
| `T` | Text |
| `↗` | URL |
| `@` | Email |
| `☏` | Phone |
| `▦` | Image |
| `●` | Color |

## Using a variable

Once saved, reference a variable anywhere on your site with:

```js
globalVariable('your_key')
```

You can also ask the AI builder to use one — for example, *"use the global variable
`support_email` in the footer"*.

:::tip
Global Variables are perfect for details that appear in many places — contact info, social
links, your brand's primary color — so you never have to hunt them down to make one change.
:::