Workspace/

Website Chat Widget Embed

Lead Capture Channel

Website Chat Widget Embed Studio

Customize branding colors, launcher position, and greeting messages for your embeddable chat widget. Copy the 1-line script tag to turn website visitors into booked consultations.

Minimal HTML Demo
Widget Status
Active
Public AvailabilityReceiving traffic
Allowed Domain
All (*)
Domain whitelistCORS & Origin Guard
Launcher Position
Bottom Right
Fixed viewport positionScreen anchor point
Shadow DOM Isolation
100% Native
Encapsulated iframe/shadowZero CSS style leakage

Visual Branding & Behavior

Match your contractor company brand identity

#6366F1

Embed Script Tag

Paste before the closing </body> tag

<!-- AI Appointment Chat Widget -->
<script 
  src="http://localhost:8000/static/widget.js" 
  data-widget-key=""
  data-api-base="http://localhost:8000"
  async>
</script>

Paste the snippet above directly into your website's HTML, right before the closing </body> tag on every page you want the widget to appear.

Live Real-Time Simulator

Interactive preview updating as you customize

Preview Mode
https://yourwebsite.com
AI Booking Assistant