Widget Installation
Install UCrew Chat Widget
Add AI-powered chat to your website in minutes. Works on any platform.
Quick Installation
Copy and paste this code into your website
<script>
(function() {
var ucrew = document.createElement('script');
ucrew.src = 'https://your-domain.com/widget.js';
ucrew.async = true;
document.head.appendChild(ucrew);
ucrew.onload = function() {
UCrew.init({
apiKey: 'YOUR_API_KEY',
projectId: 'YOUR_PROJECT_ID',
position: 'bottom-right',
theme: 'light'
});
};
})();
</script>Note: Replace YOUR_API_KEY and YOUR_PROJECT_ID with your actual credentials from the UCrew dashboard.
Platform-Specific Guides
Follow step-by-step instructions for your platform
📝
WordPress / WooCommerce
- 1.Go to Appearance > Theme Editor
- 2.Open footer.php (or use a plugin)
- 3.Paste the widget code before </body>
- 4.Save and refresh your site
🛍️
Shopify
- 1.Go to Online Store > Themes
- 2.Click 'Actions' > 'Edit code'
- 3.Open theme.liquid
- 4.Paste code before </body> tag
- 5.Save changes
🎨
Wix
- 1.Go to Settings > Custom Code
- 2.Click 'Add Code' > 'Body - end'
- 3.Paste the widget code
- 4.Apply to all pages or specific pages
- 5.Save and publish
⬜
Squarespace
- 1.Go to Settings > Advanced > Code Injection
- 2.Paste code in 'Footer' section
- 3.Save changes
- 4.Publish your site
💻
Custom HTML
- 1.Open your HTML file
- 2.Find the </body> tag
- 3.Paste the widget code before it
- 4.Save and upload to your server
Widget Customization
Customize the widget appearance and behavior
Position Options
- bottom-right (default)
- bottom-left
- top-right
- top-left
Theme Options
- light (default)
- dark
- auto (matches system preference)