---
title: Fit Advisor plugin setup - Custom platform
description: Use this guide if you are not using a 3rd party e-commerce platform (i.e. Shopify, Salesforce commerce cloud, etc.)
---

[Skip to content](https://help.getwair.com/widget-setup-custom#main-content)

English

Show submenu for translations

[Contact us](https://help.getwair.com/kb-tickets/new?hsLang=en)

![wair-logo-white.png\]](https://help.getwair.com/hs-fs/hubfs/wair-logo-white.png?height=40&name=wair-logo-white.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Contact us](https://help.getwair.com/kb-tickets/new)
- WAIR Website

 WAIR Website

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Knowledge base](https://help.getwair.com/?hsLang=en)
2. [Getting Started for Admin](https://help.getwair.com/getting-started-for-admin?hsLang=en)
3. [Custom](https://help.getwair.com/getting-started-for-admin?hsLang=en#custom)

# Fit Advisor plugin setup - Custom platform

## Use this guide if you are not using a 3rd party e-commerce platform (i.e. Shopify, Salesforce commerce cloud, etc.)

### Before you begin

- You will need access to https://app.getwair.com to copy scripts for your brand site. Please reach out at help@getwair.com to get added.
- These instructions are for installing on a traditional multi-page site. If your site is a single-page app built with a framework like React, refer [here](https://help.getwair.com/fit-advisor-plugin-setup-headless?hsLang=en). Return to this guide for the backend integration.

### Add Head Script

1. Go to WAIR dashboard (https://app.getwair.com)
2. Navigate to **Settings** > **Site Scripts**
3. Copy the **Head Script** code snippet
4. Paste at the end of the </head> HTML section to ensure script loads on all pages of site
5. Edit the **product** variable and values to match your data model

### Add Product Page Placement

1. Go to WAIR dashboard (https://app.getwair.com)
2. Navigate to **Settings** > **Shopper Experience**
3. While under the **CTA **tab, click **View Snippet**
4. Copy the "Product Placement Script" code snippet
5. Place the placement script on your Product Detail Page in the desired location for your product page. Typically this will be just above the size labels or just below the Add to Cart button.
6. Update data-predict-\* attributes with the proper dynamic values.

### Add Conversion script

1. Go to WAIR dashboard (https://app.getwair.com)
2. Navigate to **Settings** > **Site Scripts**
3. Copy the "Conversion Script" code snippet
4. Paste at the top of your "Order Confirmation" page where a shopper lands once their order is successful.

 

 

 

- [Getting Started for Admin](https://help.getwair.com/getting-started-for-admin?hsLang=en#main-content)
  
  
  
  
  
    - [Headless](https://help.getwair.com/getting-started-for-admin?hsLang=en#headless)
    - [Shopify](https://help.getwair.com/getting-started-for-admin?hsLang=en#shopify)
    - [BigCommerce](https://help.getwair.com/getting-started-for-admin?hsLang=en#bigcommerce)
    - [Custom](https://help.getwair.com/getting-started-for-admin?hsLang=en#custom)
    - [Magento](https://help.getwair.com/getting-started-for-admin?hsLang=en#magento)
- [Customizations](https://help.getwair.com/customizations?hsLang=en)
- [Troubleshooting](https://help.getwair.com/troubleshooting?hsLang=en)
- [Support Articles and FAQs](https://help.getwair.com/support-articles-and-faqs?hsLang=en)
- [Integrations](https://help.getwair.com/integrations?hsLang=en#main-content)
  
  
  
  
  
    - [Klaviyo](https://help.getwair.com/integrations?hsLang=en#klaviyo)
- [Legal](https://help.getwair.com/legal?hsLang=en)
- [Sales Enablement](https://help.getwair.com/sales-enablement?hsLang=en)

[![Chill listening crop-3](https://help.getwair.com/hs-fs/hubfs/favicon-black-1.png?width=24&height=24&name=favicon-black-1.png "Chill listening crop-3")](http://getwair.com)

WAIR Knowledge base

Copyright © 2026, WAIR