Add AI Chat Widget to Your Website: 5-Minute Setup Guide (2026)

5 minutes Updated January 2026

Summary

Add AI-powered chat to your website in 5 minutes. Copy one code snippet, paste before </body> tag, and visitors can chat with your AI agent. Same intelligence as phone calls - schedules appointments, answers questions, captures leads.

What You'll Learn:

  • One code snippet to copy
  • Paste before </body> tag
  • Text chat + Voice chat options
  • Same AI as phone calls
  • Works on any website platform
Quick Recommendation: Add to every page of your website for maximum customer engagement.

1. How to Add the Widget

Step 1: Go to Widget Settings In UIRIX dashboard, click "Widget" in sidebar Step 2: Copy Embed Code Click "Copy Code" button to copy the snippet Step 3: Paste on Website Add code before the tag on your pages Step 4: Chat Bubble Appears! Visitors see chat icon in bottom-right corner Works on: WordPress, Shopify, Wix, Squarespace, custom HTML

2. Widget Features

Text Chat Type messages, get instant AI responses Voice Chat Click to talk with AI voice (optional) Appointment Booking Schedule directly in chat Lead Capture Collects visitor contact info

Frequently Asked Questions

Does the widget slow down my website?

No! The widget loads asynchronously after your page content. Minimal impact on page speed.

Can I customize the widget colors?

Yes! In Widget Settings, customize colors, position, greeting message, and more to match your brand.

Ready to add AI chat to your website?

  • 5-minute setup
  • One code snippet
  • Text + Voice chat
  • Works on any platform