Developers

Embed BlueTAO on Your Site

Add AI-powered chat to any website with a single line of code. Customize it with your business information for personalized responses.

Quick Start

Add this script tag to your website, just before the closing </body> tag:

<script src="https://bluetao.ai/widget.js" async></script>

That's it! A chat button will appear in the bottom-right corner of your site.

Customize for Your Business

Make BlueTAO your own AI assistant by adding your business information. When visitors ask questions, the AI will respond with context about your specific services, products, and policies.

Example: Dental Office

Visitor:"Is a root canal painful?"
AI:"At Dr. Smith's Dental Office, we specialize in pain-free dentistry. Our root canal procedures use rotary endodontics with local anesthesia and optional nitrous oxide sedation. Most patients report feeling comfortable throughout the 45-60 minute procedure..."
<script 
  src="https://bluetao.ai/widget.js"
  data-company="Dr. Smith's Dental Office"
  data-context="We specialize in pain-free dentistry using the latest sedation techniques. Our root canal procedures use rotary endodontics with local anesthesia and optional nitrous oxide. Average procedure time is 45-60 minutes. We offer same-day emergency appointments. Our office is located at 123 Main St. Hours: Mon-Fri 8am-6pm."
  data-welcome="Hi! I'm the virtual assistant for Dr. Smith's Dental Office. How can I help you today?"
  async>
</script>

Configuration Options

AttributeDescriptionExample
data-companyYour business name (shown in chat header)"Dr. Smith's Dental"
data-contextBusiness information, services, FAQs, policies"We offer..."
data-context-urlURL to a text file with your business info (for longer content)"https://..."
data-welcomeCustom welcome message"Hi! How can I help?"
data-positionButton position: "right" or "left""left"
data-colorPrimary button color (hex)"#3b82f6"

Using an External Context File

For longer business information (services, FAQs, policies), host a text file on your server and reference it with data-context-url:

<script 
  src="https://bluetao.ai/widget.js"
  data-company="Your Business Name"
  data-context-url="https://yourdomain.com/ai-context.txt"
  async>
</script>

Example ai-context.txt:

About Us:
Dr. Smith's Dental Office has been serving the community since 1995.

Services:
- General dentistry (cleanings, fillings, exams)
- Cosmetic dentistry (whitening, veneers)
- Root canals (pain-free with sedation options)
- Emergency same-day appointments available

Location & Hours:
123 Main Street, Suite 100
Monday-Friday: 8am-6pm
Saturday: 9am-2pm

Insurance:
We accept most major dental insurance plans.

JavaScript API

Control the widget programmatically:

BlueTAO.open()// Open the chat widget
BlueTAO.close()// Close the chat widget
BlueTAO.toggle()// Toggle open/close
BlueTAO.setContext(text)// Update context dynamically

Lightning Fast

Lightweight script loads asynchronously without blocking your page.

Mobile Friendly

Responsive design that works beautifully on all screen sizes.

Secure

Sandboxed iframe keeps your site secure and isolated.

Live Preview

See how the widget looks on your site:

Your website content here