---
title: WAIR storefront setup - Shopify
description: A few quick steps to get up and running with the WAIR on your eCommerce site
---

[Skip to content](https://help.getwair.com/widget-setup-shopify#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. [Shopify](https://help.getwair.com/getting-started-for-admin?hsLang=en#shopify)

# WAIR storefront setup - Shopify

## A few quick steps to get up and running with the WAIR on your eCommerce site

### Before you begin

This guide is for storefronts that do not support the automated installation using our Shopify app.

### Add Head Script

1. Go to Shopify Admin
2. Navigate to product template: Theme Actions \> Edit Code \> Sections \> theme.liquid
3. Copy following script
   
   ```
    <script type="text/javascript">  var predictProduct = {{product | json}};  window.addEventListener("onPredictLoad", function (event) {    event.detail.predict.render({      brandKey:"{{shop.permanent_domain}}",      product:predictProduct ? {        key:predictProduct.handle,        name:predictProduct.title,        image:"{{ product.selected_or_first_available_variant.featured_image | default: product.featured_image | img_url: 'x600' }}",      } : null,    // "onRecommendCallback": function(variantId) { /* do something on recommendation */ }  });});</script><script type="text/javascript" async src="https://predict-v4.getwair.com/default/predict.js"></script> 
   ```
4. Paste copied snippet just before the closing \<head\> tag (\</head\>)![](https://help.getwair.com/hubfs/Screen%20Shot%202021-02-02%20at%2011-26-16%20AM-png.png)

### Add Conversion script

1. Go to Shopify Admin
2. Navigate to Checkout page: Settings  \> Checkout
3. Copy following script:
   
   ```
    <script type="text/javascript">  window.addEventListener("onPredictLoad", function (event) {    event.detail.predict.submitOrder({      brandKey: "{{shop.permanent_domain}}",      orderId: "{{ order_id }}",      orderNumber: "{{ order_number }}"    });  })</script><script type="text/javascript" async src="https://predict-v4.getwair.com/default/predict.js"></script> 
   ```
4. Paste script in Order Processing \> Additional Scripts![Screen Shot 2020-09-17 at 1.58.52 PM](https://help.getwair.com/hs-fs/hubfs/Screen%20Shot%202020-09-17%20at%201.58.52%20PM.png?width=688&name=Screen%20Shot%202020-09-17%20at%201.58.52%20PM.png)

- [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