Web Widget/WordPress / WooCommerce
🟦WordPress / WooCommerce

Install on WordPress / WooCommerce

Add the UCrew chat widget to your WordPress or WooCommerce site. No plugin required — just a simple code snippet pasted into your theme or a free plugin.

Before You Start

  • Get your Project ID from UCrew Dashboard → Project Settings → Widget
  • You need admin access to your WordPress site
  • Choose Method A (recommended) or Method B below
Method A — Recommended

Theme Footer Editor

1

Open Theme File Editor

In WordPress Admin → Appearance → Theme File Editor.On the right, select footer.php.

If Theme File Editor is not visible, your host may have disabled it. Use Method B instead.

2

Add the Widget Script Before </body>

Find the closing </body> tag in footer.php and paste immediately before it:

footer.php
<!-- 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>
3

Save & Preview

Click Update File then visit your site in a new tab. The chat button will appear in the bottom-right corner.

Method B — Via Plugin

Code Snippet Plugin

1

Install a Code Injection Plugin

Install one of these free plugins from WordPress.org:

  • WPCode (formerly Insert Headers and Footers) — most popular
  • Header Footer Code Manager
  • Code Snippets

Search the plugin name in WordPress Admin → Plugins → Add New, install and activate.

2

Add the Script to Footer

Open the plugin and find the Footer Scripts section. Paste:

Footer Script
<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>
3

Save & Test

Save the settings and visit your website. The chat button will appear right away.

🛒 WooCommerce Enhancement

If you've connected the WooCommerce Integration in UCrew, the widget automatically enables product search, order tracking, and cart recovery — no extra steps needed.