​
Platform Integration Guides

AI Chat Assist can be integrated with a wide range of platforms and content management systems. Follow these guides to add your chatbot to your preferred platform.

​
WordPress

<!-- Add to your WordPress theme's footer.php or via a custom HTML block -->
<script src="https://cdn.aichatassist.com/init.js" data-bot-id="YOUR_BOT_ID"></script>

Alternatively, you can use our official WordPress plugin:

  1. Go to Plugins > Add New in your WordPress dashboard
  2. Search for “AI Chat Assist”
  3. Install and activate the plugin
  4. Enter your Bot ID in the plugin settings

​
Shopify

  1. From your Shopify admin, go to Online Store > Themes
  2. Click “Actions” and then “Edit code”
  3. Under the Layout folder, open theme.liquid
  4. Add the following code just before the closing </body> tag:
<script src="https://cdn.aichatassist.com/init.js" data-bot-id="YOUR_BOT_ID"></script>
  1. Click Save

​
React

Install our React component:

npm install aichatassist-react

Then import and use it in your application:

import { AIChatAssist } from 'aichatassist-react';

function App() {
  return (
    <div className="App">
      <h1>My React App</h1>
      <AIChatAssist botId="YOUR_BOT_ID" />
    </div>
  );
}

​
Angular

Install our Angular package:

npm install aichatassist-angular

Import the module in your app.module.ts:

import { AIChatAssistModule } from 'aichatassist-angular';

@NgModule({
  imports: [
    AIChatAssistModule.forRoot({
      botId: 'YOUR_BOT_ID'
    })
  ]
})
export class AppModule { }

​
HTML (Any Website)

Add the following script tag to your HTML file, just before the closing </body> tag:

<script src="https://cdn.aichatassist.com/init.js" data-bot-id="YOUR_BOT_ID"></script>

​
Webflow

  1. Go to your Webflow project dashboard
  2. Navigate to Project Settings > Custom Code
  3. Add the following code to the “Footer Code” section:
<script src="https://cdn.aichatassist.com/init.js" data-bot-id="YOUR_BOT_ID"></script>
  1. Save and publish your site

​
Wix

  1. Go to your Wix Editor
  2. Click on “Settings” in the left sidebar
  3. Select “Custom Code”
  4. Click “Add Custom Code”
  5. Paste the following code:
<script src="https://cdn.aichatassist.com/init.js" data-bot-id="YOUR_BOT_ID"></script>
  1. Set “Place Code in” to “Body - end”
  2. Click “Apply” and publish your site

​
Troubleshooting Integration Issues

If your chatbot isn’t appearing after integration:

  1. Verify your Bot ID is correct
  2. Check if the domain is whitelisted in your AI Chat Assist dashboard
  3. Clear your browser cache and reload the page
  4. Check your browser console for any JavaScript errors
  5. Ensure there are no script blockers or content security policies preventing the script from loading

For additional help, contact our support team.