Installation

Add the AI Workers widget to your website in minutes

Basic Installation

The simplest way to add AI Workers to your website is with a single script tag. Add this code just before the closing </body> tag:

<script src="https://aiworkers.vip/widget.js?clientId=YOUR_API_KEY"></script>

Important: Replace YOUR_API_KEY with your actual API key from your dashboard.

Platform-Specific Instructions

WordPress

  1. Go to Appearance → Theme Editor or use a plugin like "Insert Headers and Footers"
  2. Add the script tag to your theme's footer.php file or in the plugin's footer section
  3. Save and your widget will appear on all pages

Shopify

  1. Go to Online Store → Themes → Actions → Edit code
  2. Open theme.liquid
  3. Find the </body> tag
  4. Add the script tag just before it
  5. Save your changes

React / Next.js

Add to your _app.tsx or layout.tsx:

import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <>
      {children}
      <Script 
        src="https://aiworkers.vip/widget.js?clientId=YOUR_API_KEY"
        strategy="afterInteractive"
      />
    </>
  )
}

HTML / Static Sites

Simply add the script tag before the closing body tag in your HTML files:

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <!-- Your content here -->
  
  <script src="https://aiworkers.vip/widget.js?clientId=YOUR_API_KEY"></script>
</body>
</html>

Verify Installation

After adding the script, visit your website and look for the chat widget in the bottom-right corner (or your configured position). Click it to test that it's working correctly.

← Quick Start GuideYour First AI Agent →