Integration Options

Deploy your AI agents across multiple platforms including websites and Instagram DM with easy integration options.

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://www.aidesk.us/api/e?uid=YOUR_AGENT_ID" async></script>

Custom Styling

With theme and position options:

<script src="https://www.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://www.aidesk.us/c?uid=YOUR_AGENT_ID

Alternative with agent parameter:

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

With pre-filled message:

https://www.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

Instagram DM Integration

Connect your Instagram Business account to handle DMs automatically with your AI agent.

Setup Steps

  1. 1. Go to agent settings → Integrations → Instagram
  2. 2. Connect your Instagram Business account
  3. 3. Configure auto-response settings
  4. 4. Monitor conversations in your AI Desk inbox

⚠️ Requirements

  • • Instagram Business account (not personal)
  • • Facebook Business Manager access
  • • Webhook permissions approved

Iframe Embedding

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

Iframe embed:

<iframe src="https://www.aidesk.us/c?uid=YOUR_AGENT_ID&embed=1" width="400" height="600"></iframe>

Responsive iframe:

<iframe src="https://www.aidesk.us/c?uid=YOUR_AGENT_ID&embed=1" style="width: 100%; height: 600px; border: none;"></iframe>

Best Practices

  • • Set minimum height of 500px for mobile
  • • Use responsive width (100%) for mobile compatibility
  • • Add loading placeholder for better UX
  • • Test across different devices and browsers

Integration Complete!

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