Home

Integrating AI Assistify Chat Widget into Your Website

📌 Overview

AI Assistify provides a powerful and flexible Chat Widget that enables seamless interaction between users, team members, and customers. This integration allows you to embed AI-powered assistants directly into your website, facilitating smooth communication, instant AI-driven responses, and automated customer support.

With AI Assistify’s Universal Embedding feature, you can integrate:

✅ The entire workspace – including all assistants, files, models, and prompts set up by the admin. 🎯 Specific assistants – allowing a more controlled and tailored AI experience.

🔥 Why Integrate AI Assistify Chat Widget?

  • ⚡ Instant AI-Powered Support – Let AI agents handle queries in real time.

  • 🏆 Custom AI Assistants – Select and embed only the relevant AI assistants based on business needs.

  • 🎨 Brand Customization – Match the Chat Widget with your branding.

  • 🌍 Multi-Modal Interaction – Enable users to communicate using text, images, and files.

  • 🔒 Seamless Access Control – Ensure the right users have access to the right AI models.

🛠️ Step-by-Step Integration Guide

1️⃣ Accessing the Chat Widget Setup

  1. Log in to your AI Assistify workspace.

  2. Navigate to Chat Widget in the left-side menu.

  3. Click Create Chat Widget to begin integration.

2️⃣ Choose a Sharing Option

AI Assistify provides two ways to integrate the Chat Widget:

🔹 Option 1: Integrate Entire Workspace

This option allows users to access all AI assistants, models, files, and prompts within your workspace.

💡 Best For: 🎯 Organizations that want to provide full access to multiple AI assistants. 📚 Internal teams that need AI-powered insights across various domains.

How to Integrate:

  1. Select "Share entire workspace".

  2. Click Next to proceed.

  3. Copy the generated script and paste it into your website’s <head> or <body> section.

<script src="https://aiassistify.io/chat-widget.js"
  data-url="https://yourworkspace.aiassistify.io">
</script>

🎯 Use Case:

  • 🛍️ E-commerce Customer Support – Users can chat with AI to get recommendations, track orders, and resolve queries.

  • 🏢 Employee Knowledge Base – Employees can access AI-powered knowledge hubs for policy documents, HR queries, and training materials.

🔹 Option 2: Integrate Only Specific Assistants

This option allows embedding only selected assistants, restricting user access to specific AI functionalities.

💡 Best For: 💼 Businesses that need AI for specific functions like customer support, sales inquiries, or FAQ automation. 📌 Companies that want different assistants for different pages or departments.

How to Integrate:

  1. Select "Choose specific assistants".

  2. Browse and select the assistant(s) you want to integrate.

  3. Click Next to generate the script.

  4. Copy the provided script and embed it on your website.

<script src="https://aiassistify.io/chat-widget.js"
  data-id="YOUR_ASSISTANT_ID"
  data-url="https://yourworkspace.aiassistify.io">
</script>

🎯 Use Case:

  • 📞 Complaint Resolution Bot – An AI that handles customer complaints and provides solutions instantly.

  • 📢 AI Sales Assistant – A chatbot on a product page that answers product-related questions and assists in lead conversion.

📌 3️⃣ Embedding the Chat Widget on Your Website

  • Paste the copied script into your HTML file inside the <head> or <body> section.

  • The Chat Widget will automatically appear as a floating button at the bottom-right of your webpage.

  • Users can log in, interact, and access AI assistants directly from the widget.

👀 Preview of Chat Widget

Once integrated, the Chat Widget displays a login screen, where users can sign in and start interacting with AI assistants.

🟢 If Workspace Integration is enabled → users will have access to all assistants and resources. 🔵 If Specific Assistants are selected → users will interact only with the chosen AI assistant.

🎯 Conclusion

The AI Assistify Chat Widget is a powerful tool for businesses to enhance customer interaction, streamline support, and improve team collaboration. With no coding required, you can embed AI assistants within minutes and start leveraging AI-driven conversations for customer engagement, support automation, and internal knowledge management.

🔹 For further customization, explore: 🎨 Branding Options – Customize the widget’s design to match your website. 🔒 Access Controls – Restrict AI assistants to specific user roles. 🔗 API Integration – Extend functionality beyond the web widget.

PreviousCreating a Chatbot: Training & DeploymentNextCustomization & Branding

Last updated