​

Installation

Add AI Chat Assist to your website in 2 minutes.

Good to know: AI Chat Assist works on any website or CMS with a single script—no coding required.

​

What You Need Before Installation

Make sure:

• Your chatbot is created and launched
• You have admin access to your website or CMS

👉 Haven’t created a chatbot yet? Start with the Quick Start Guide.

​

Universal Installation (Works Everywhere)

This recommended method works for:

• Custom websites
• WordPress, Shopify, Wix, Webflow
• HTML / React / Vue / Next.js
• Any CMS that supports custom code

​

Step 1: Copy Your Script

Each chatbot has a unique key. Use this snippet:

<ai-assist-bot></ai-assist-bot>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Open-infotech/AiAssistJsLibForWeb@feature/version2.0/src/v1/40_prod/styles.css">

<script
  id="helper"
  src="https://cdn.jsdelivr.net/gh/Open-infotech/AiAssistJsLibForWeb@feature/version2.0/src/v1/40_prod/bundle.js?key=YOUR_BOT_KEY">
</script>

📌 Replace YOUR_BOT_KEY with the key from your dashboard.

​

Step 2: Paste the Script

Add the snippet just before the closing </body> tag of your site. That’s it—your chatbot will appear automatically.

​

Step 3: Test the Installation

1. Open your website in a browser.
2. Refresh the page and look for the chat widget (bottom corner).
3. Send a test message to confirm everything works.

​

CMS-Specific Installation Guides

Follow these platform-specific steps if you prefer guided instructions.

​

WordPress

Option 1: Theme Editor (Recommended)

1. WordPress Admin → Appearance → Theme File Editor
2. Open footer.php
3. Paste the script before </body>
4. Click Update File

Option 2: Plugin (No Code)

1. Install Insert Headers and Footers or WPCode
2. Paste the script in the Footer section
3. Save changes

​

Shopify

1. Shopify Admin → Online Store → Themes
2. Click ⋯ → Edit Code
3. Open theme.liquid
4. Paste the script before </body>
5. Save

​

Wix

1. Wix Dashboard → Settings → Custom Code
2. Click Add Custom Code
3. Paste the script
4. Choose Load on All Pages, placement Body – End
5. Save and publish

​

Webflow

1. Webflow Dashboard → Project Settings
2. Go to Custom Code
3. Paste the script in Footer Code
4. Save and publish

​

Squarespace

1. Squarespace Dashboard → Settings → Developer Tools → Code Injection
2. Paste the script inside the Footer injection area
3. Click Save and reload your site

​

Ghost, Framer, Bubble & More

• Ghost: Settings → Code Injection → Footer pane → paste script → Save
• Framer: Settings → General → Code Injection → Footer → paste script → Publish
• Bubble / No-Code Builders: Use the HTML or Header/Footer embed block and paste the snippet, then deploy changes

​

React / Next.js / SPA Sites

Inject the script in your main layout/component:

useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/gh/Open-infotech/AiAssistJsLibForWeb@feature/version2.0/src/v1/40_prod/bundle.js?key=YOUR_BOT_KEY';
  script.async = true;
  document.body.appendChild(script);
}, []);

​

Common Installation Questions

​

What Happens After Installation?

• Conversations start appearing in the dashboard
• Leads are collected automatically
• Analytics begin tracking
• Workflows and FAQs respond instantly

​

What to Do Next

​

Need Help?

• Review Common Setup Mistakes
• Visit Help & Support
• Contact our support team anytime