Global Variables
Define reusable values like your phone number, address, or brand color once, and use them anywhere on your site.
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
- Click Add Variable to add a blank row.
- Enter a Key and a Value.
- 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 |
@ |
|
☏ |
Phone |
▦ |
Image |
● |
Color |
Using a variable
Once saved, reference a variable anywhere on your site with:
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.