# HYROS Installation: Webflow

## REQUIREMENTS - Collect Before Starting

| Item | Ask User |
|------|----------|
| HYROS Tracking Code | "Please paste your HYROS tracking code. Get it from: https://app.hyros.com/tracking/universal-script" |
| Webflow Admin Access | "Do you have Webflow admin/editor access?" |
| Site URL | "What's your Webflow site URL?" |
| Paid Plan | "Are you on a Webflow paid plan? (needed for custom code)" |

**IMPORTANT:** Store the tracking code - you'll paste it in Step 3.

---

## STEPS

### Step 1: Open Webflow Project Settings

**Direct URL:** https://webflow.com/dashboard

**If automating:** Navigate to your project → Project Settings → Custom Code tab.

**If guiding user:** "Go to your Webflow project → Settings (gear icon) → Custom Code"

→ Confirm: "Are you in Custom Code settings?"

---

### Step 2: Find Head Code Section

**If automating:** Look for "Head Code" section where you can add code to all pages.

**If guiding user:** "Find the 'Head Code' section"

→ Confirm: "Do you see the Head Code area?"

---

### Step 3: Add HYROS Tracking Code

**If automating:** Paste the user's tracking code in the Head Code field.

**If guiding user:**
"Paste this code in the Head Code field:

```
[DISPLAY USER'S TRACKING CODE HERE]
```
"

→ Confirm: "Did you paste the code?"

---

### Step 4: Save and Publish

**If automating:** Save settings, then publish the site.

**If guiding user:** "Save your settings, then click Publish to push changes live"

→ Confirm: "Did you save and publish?"

---

### Step 5: Connect Webflow in HYROS (If Available)

**Direct URL:** https://app.hyros.com/integrations

**If automating:** Check if Webflow integration exists in HYROS.

**If guiding user:** "Go to https://app.hyros.com/integrations and check if Webflow is available"

→ Confirm: "Is Webflow connected (or not available)?"

---

### Step 6: Verify Installation

**If automating:** Open the Webflow site and check HYROS dashboard for data.

**If guiding user:** "Open your site, then check HYROS dashboard for data."

→ Confirm: "Can you see data in HYROS?"

---

## TROUBLESHOOTING

- **Custom Code not available:** Need Webflow paid plan (Site plans)
- **Changes not live:** Must publish after saving custom code
- **Only staging:** Make sure you published to production, not just staging
- **E-commerce tracking:** Webflow E-commerce may need additional integration setup

---

## Source
Synced from: docsContent.ts (webflowGuide)
Last synced: 2026-01-03