# Install on Webflow
Source: https://docs.luriart.com/install/webflow
Plain text: https://docs.luriart.com/install/webflow.txt

Add the Luria snippet to your Webflow site's head code, publish, and set up conversion tracking for Webflow Ecommerce.

Time needed: about 5 minutes.

## What you'll need
* Your Luria Site ID, copied from the Luria dashboard under **Settings > Install**
* Webflow access to the site's settings (site owner, or a workspace member with design and publish rights)
* A paid Webflow site plan. Webflow only allows custom code in the head on paid site plans, not on the free Starter plan.

### Step 1: Copy your snippet
Sign in at [luriart.com/app](https://www.luriart.com/app) and open **Settings > Install**.  Copy the snippet shown there. It looks like this, with your own Site ID in place of `YOUR_SITE_ID`:

```html
<script async src="https://luriart.com/snippet.js" data-luria-site="YOUR_SITE_ID"></script>
```

[Screenshot: Luria dashboard Install page showing the snippet with the Site ID filled in and a Copy button]

### Step 2: Paste it into Webflow's head code
1. Open your site in Webflow and go to **Site settings**.
2. Click the **Custom code** tab.
3. Paste the snippet into the **Head code** box.
4. Click **Save changes**.

[Screenshot: Webflow Site settings, Custom code tab, with the Luria snippet pasted into the Head code field]

**Note:**
  If the Head code box is greyed out, your site is on the free plan. Upgrade to any paid site plan (Basic or higher) and the box unlocks.

### Step 3: Publish
Custom code only goes live after you publish. Click **Publish** in the top right of the Designer (or from Site settings) and publish to your live domain. Luria starts collecting data from the next page load.

### Step 4: Set up conversion tracking
Luria needs to know when a visitor converts. On Webflow you have two options.

**Automatic.** If your confirmation page URL contains `/thank-you`, `/thank_you`, or `/orders/` followed by an ID, Luria counts the conversion on its own. No extra steps.

**Manual.** For any other setup, add one line on the page a visitor sees after converting. Paste it into that page's **Page settings > Custom code > Before `</body>` tag** box:

```html
<script>window.luria && window.luria.convert("lead");</script>
```

For purchases, pass the order value in your store's currency:

```html
<script>window.luria && window.luria.convert("purchase", 129.00);</script>
```

**Webflow Ecommerce.** The order confirmation page lives under **Pages > Ecommerce pages > Order Confirmation**. Open its page settings and paste the purchase line there. To pass the real order total instead of a fixed number, bind the value to the order total field in the page's custom code.

[Screenshot: Webflow Page settings for the Order Confirmation page with the Luria convert script in the Before body tag field]

## Troubleshooting
  **I published but Luria shows nothing**
Publish to your live domain, not only to the webflow\.io staging domain. Then open your site in a private window and check **Settings > Install** in Luria; the status turns to Live within a minute or two.  Still nothing? See [Snippet not firing](/troubleshooting/snippet-not-firing).

  **The Head code box is disabled**
Custom code in the head needs a paid site plan. Workspace plans do not unlock it; the site itself needs a plan.

  **Conversions are not counting**
Check that the convert line is on the page the visitor lands on after paying, not the checkout page. If your thank-you URL already contains `/thank-you`, remove the manual line so you do not count twice.

  **Does this touch my design or layout?**
No. Luria only changes what you have trained it to change, and every change is logged and reversible. Nothing in your Designer is edited.

## Next steps
  * [Verify your install](/install/verify-install)
  * [Set your goal](/train/goals)
  * [How to train Luria](/train/how-to-train)