AI Desk
PricingManaged Services

Integration Options

Deploy your AI agents across multiple platforms including website widgets, Google Workspace import, and direct chat links.

Website Chat Widget

The most popular integration method. Adds a floating chat button to your website with customizable styling.

Basic Integration

Add this script tag before closing </body> tag:

<script src="https://aidesk.us/api/e?uid=YOUR_AGENT_ID" async></script>

Custom Styling

With theme and position options:

<script src="https://aidesk.us/api/e?uid=YOUR_AGENT_ID" async></script>

Widget Options

  • • data-theme: "light" or "dark"
  • • data-position: "bottom-right", "bottom-left"
  • • data-color: Custom hex color for widget
  • • data-greeting: Custom greeting message

Direct Chat Links

Share direct links to start conversations with your AI agents. Perfect for email signatures, social media, or support tickets.

Basic chat link:

https://aidesk.us/c?uid=YOUR_AGENT_ID

Alternative with agent parameter:

https://aidesk.us/c?agent=YOUR_AGENT_ID

With pre-filled message:

https://aidesk.us/c?uid=YOUR_AGENT_ID&message=Hello,%20I%20need%20help

Use Cases

  • • Email signature support links
  • • Social media bio links
  • • QR codes for offline marketing
  • • Support ticket auto-responses

Google Workspace Integration

Import content from your Google Docs and Google Sheets to train your AI agent with your business knowledge.

Setup Steps

  1. 1. Go to agent settings → Knowledge Base → Google Import
  2. 2. Connect your Google account
  3. 3. Select documents and sheets to import
  4. 4. Content is automatically processed and embedded

Supported Content

  • • Google Docs (text content and formatting)
  • • Google Sheets (data and structured information)
  • • Automatic content updates when documents change

Iframe Embedding

Embed the full chat interface directly into your webpage for seamless integration.

Basic iframe embed:

<iframe src="https://aidesk.us/c?uid=YOUR_AGENT_ID&embed=1" width="100%" height="600" style="border:none;border-radius:8px;min-height:500px" sandbox="allow-scripts allow-forms allow-popups allow-same-origin" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" title="AI Support Chat"></iframe>

Professional iframe with shadow:

<iframe src="https://aidesk.us/c?uid=YOUR_AGENT_ID&embed=1" style="width:100%;height:600px;min-height:500px;border:none;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)" sandbox="allow-scripts allow-forms allow-popups allow-same-origin" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" title="AI Support Chat"></iframe>

Best Practices

  • • Use complete sandbox permissions: allow-scripts allow-forms allow-popups allow-same-origin
  • • Set minimum height of 500px for mobile compatibility
  • • Include loading="lazy" for performance optimization
  • • Add referrerpolicy="strict-origin-when-cross-origin" for privacy
  • • Use responsive width (100%) and proper border-radius
  • • Include descriptive title attribute for accessibility

Integration Complete!

Your AI agent is now deployed. Learn how to optimize its performance with a knowledge base.

Setup Knowledge Base →Troubleshooting Guide