Environment Variables

Environment variables are private settings your website can use behind the scenes.

You might need them for:

• Form tools
• Embed scripts
• Public API keys
• Service URLs
• Third-party integrations

When The AI Asks For Them

If the AI needs environment variables, it may pause and ask you to add them.

Use the Environment Variables dialog. Do not paste sensitive keys into normal chat unless the product specifically asks for them through that dialog.

Add Environment Variables

1. Open the actions menu in the preview toolbar.
2. Click Environment Variables.
3. Add each key and value.
4. Save.
5. Continue the generation or edit.

Key Rules

Environment variable names should:

• Use letters, numbers, and underscores.
• Start with a letter or underscore.
• Avoid spaces.

Good examples:

CONTACT_FORM_KEY
PUBLIC_MAPS_KEY
BOOKING_SCRIPT_URL

Paste A .env File

If you have several values, you can paste simple .env style lines:

CONTACT_FORM_KEY=abc123
BOOKING_SCRIPT_URL=https://example.com/script.js

The dialog can turn those lines into rows.

Safety Note

Some keys are safe to use in public websites. Some are secret.

If you are not sure whether a key is safe to expose, ask the service provider or contact support before adding it.

Next

• Edit with AI chat
• Code editor and files
• Troubleshooting