Install on Shopify

Add the UCrew widget to your Shopify storefront in under 3 minutes using the Online Store theme editor. No app installation needed — just a single code snippet.

Before You Start

Get your Project ID from UCrew Dashboard → Project Settings → Widget
You need admin access to your Shopify store
Works with any Shopify theme (Dawn, Debut, custom, etc.)

Installation Steps

Open the Theme Code Editor

In Shopify Admin → Online Store → Themes.Next to your live theme, click Actions → Edit code.

Always edit the active (live) theme, or duplicate it first if you want to test before publishing.

Open theme.liquid

In the left sidebar, find the Layout folder and click on theme.liquid.This is the main template that wraps every page in your store.

If your theme doesn't have a theme.liquid, look for layout.liquid or base.liquid — it will contain the closing </body> tag.

Add the Widget Script

Use Ctrl+F (or Cmd+F on Mac) to search for </body>.Paste the snippet immediately before it:

theme.liquid

<!-- UCrew Chat Widget -->
<script>
  (function() {
    var s = document.createElement('script');
    s.src = 'https://ucrew.ai/widget/v1.js';
    s.setAttribute('data-project-id', 'YOUR_PROJECT_ID');
    s.async = true;
    document.head.appendChild(s);
  })();
</script>

</body> {%- comment -%} This line already exists {%- endcomment -%}

Replace YOUR_PROJECT_ID with your actual Project ID from UCrew.

Save & Test

Click Save (top right). Visit your Shopify store in a new tab — the UCrew chat widget will appear in the bottom-right corner on every page of your store.

You can click the widget to test it directly. It will use your UCrew AI agent's current settings and knowledge base.

🛒 Shopify Integration Bonus

If you've also connected the Shopify Integration in UCrew (not just the widget), your customers can search products, check order status, and get personalized recommendations — all through the chat widget on your store.

View Shopify Integration Guide

WordPress / WooCommerce Wix