AI Chatbot for Directus Websites
Your Directus project powers flexible content across custom frontends. Give every visitor an AI assistant that answers questions instantly using your published content, uploaded documents, and custom instructions. Add a single script tag to your frontend and go live in minutes.
See It In Action
Built for developers, agencies, and businesses running content-driven websites on Directus
Turn Your Content Library into Instant Answers
Directus makes it easy to structure and manage large volumes of content across collections. But visitors do not see your collections or your data model. They see pages, and they have questions. The AI chatbot reads your published content and gives visitors direct, conversational answers instead of making them search through pages, categories, or archives to find what they need.
Knows Your Pages, Docs, and Policies
The AI learns everything on your Directus-powered website: service descriptions, blog articles, team bios, pricing pages, documentation, and FAQ entries. Upload internal documents like onboarding guides, product specs, or policy PDFs for deeper coverage. A visitor asking "do you offer bulk licensing" or "how does your API rate limiting work" gets a precise answer drawn from your actual content.
Discover What Visitors Actually Want to Know
Chat logs reveal the real questions your audience is asking, not the ones you assumed they would ask. You might discover visitors are confused about a feature comparison, or keep asking about integrations you have not documented yet. Use those insights to improve your content strategy, fill gaps in your Directus collections, and create pages that directly address what people care about.
Handle Repetitive Questions Automatically
Pricing details, feature availability, supported platforms, onboarding steps, refund policies. These questions arrive in your inbox every single day. The chatbot handles them instantly using your published content, freeing your team to focus on complex inquiries, demos, and relationship-building that actually moves the needle.
Matches Any Frontend Design
Directus gives you full control over your frontend, and the chatbot respects that. Customize the widget colors, position, welcome message, and avatar to blend seamlessly with your custom-built interface. Whether your frontend is a sleek marketing site, a documentation portal, or a customer dashboard, the chat widget looks like it belongs there.
Watch Introduction Video
See how easy it is to add an AI chatbot to your Directus-powered website. This quick walkthrough covers the entire process from creating your account to embedding the widget in your frontend code.
Built for Directus-Powered Websites
One script tag in your frontend layout. Works with every Directus project, every frontend framework.
Works With Any Directus Collection Structure
Directus wraps any SQL database, which means every project has a unique schema. The chatbot does not need access to your database or API. It learns from the published pages your frontend renders, so your data model can be as simple or complex as you need without affecting chatbot setup.
Answer Questions Around the Clock
Visitors land on your website at all hours, especially if you serve an international audience. The AI responds to every question instantly, whether it is midnight or midday. No more losing potential leads because nobody was available to reply to a contact form until the next business day.
Multilingual Support Out of the Box
Directus has built-in support for multilingual content through its translations interface. The chatbot mirrors that global reach by detecting visitor language and responding accordingly. A French visitor gets answers in French. A Japanese visitor gets answers in Japanese. No extra configuration needed.
No Backend Changes Required
The chatbot is a frontend-only integration. You do not need to create Directus extensions, add API endpoints, install Node packages, or modify your database. Paste a script tag into your layout component and the widget appears on every page. Your Directus backend stays untouched.
Convert Visitors Into Leads and Customers
When a visitor asks a question through the chatbot, they are already engaged. The AI provides helpful answers that keep them on your site longer, addresses objections in real time, and naturally guides them toward your conversion points, whether that is a signup form, a demo request, or a purchase.
Learns From Documents and Uploads
Not everything lives on your website. Upload product specifications, internal FAQs, onboarding documents, pricing sheets, or policy PDFs. The chatbot incorporates this knowledge alongside your published pages, giving visitors answers that go beyond what is available on your site alone.
How It Works
Get your AI chatbot live on your Directus website in three simple steps
Sign Up & Connect Your Site
Create your free account and provide your website URL. The AI crawls your Directus-powered pages and learns your content, services, and policies automatically.
Add the Script to Your Frontend
Copy the JavaScript snippet from your dashboard and paste it into your frontend layout file. Works with React, Vue, Next.js, Nuxt, Astro, or plain HTML.
Go Live and Start Engaging
Your AI chatbot is now live, answering visitor questions, reducing support load, and helping convert browsers into customers around the clock.
Simple Frontend Integration
Adding the AI chatbot to your Directus-powered website takes less than two minutes. Since Directus is headless, you add the snippet directly to your frontend code. No extensions, no backend modifications, no API tokens needed.
- ✓ Works with React, Vue, Next.js, Nuxt, Astro, and more
- ✓ No impact on page load speed or Core Web Vitals
- ✓ Mobile-responsive on every device and screen size
- ✓ No Directus extensions or backend changes required
Sign up free and get your personalized integration code instantly
Simple, Transparent Pricing
Start free and scale as you grow. No hidden fees, no long-term contracts.
- 100 messages per month Maximum number of messages the AI can send
- Up to 1 website Maximum number of websites under one account
- Up to 50 crawled pages Maximum pages you can crawl and add to knowledge base
- Up to 1,000,000 characters Total amount of characters in your knowledge base across all your websites.
- 1 seat Number of team members who can access the dashboard
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- 2,500 messages per month Maximum number of messages the AI can send
- Up to 2 websites Maximum number of websites under one account
- Up to 250 crawled pages Maximum pages you can crawl and add to knowledge base
- Up to 3,000,000 characters Total amount of characters in your knowledge base across all your websites.
- 2 seats Number of team members who can access the dashboard
-
Review chat logs
Access and review all conversations from your chatbot
- Smarter AI model You can enable a smarter AI model for better replies
-
Chat analytics
See analytics and insights from your chat conversations
- Localization Translate your widget to 32 languages
- Enable thinking You can enable thinking for more thoughtful AI responses
- Instagram, Messenger, WhatsApp, Discord, Zapier Connect your AI chatbot to Instagram DMs, Facebook Messenger, WhatsApp, Discord, and 6,000+ apps via Zapier
- REST API Build custom integrations with our REST API
-
Leads
Collect emails and phone numbers from visitors with optional input fields
- Custom notice Display disclaimers or consent notices above the chat input with markdown link support
- Standard support Standard email support with faster response times
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- 15,000 messages per month Maximum number of messages the AI can send
- Up to 3 websites Maximum number of websites under one account
- Up to 1,000 crawled pages Maximum pages you can crawl and add to knowledge base
- Up to 15,000,000 characters Total amount of characters in your knowledge base across all your websites.
- 3 seats Number of team members who can access the dashboard
-
Review chat logs
Access and review all conversations from your chatbot
- Smarter AI model You can enable a smarter AI model for better replies
-
Chat analytics
See analytics and insights from your chat conversations
- Localization Translate your widget to 32 languages
- Enable thinking You can enable thinking for more thoughtful AI responses
- Instagram, Messenger, WhatsApp, Discord, Zapier Connect your AI chatbot to Instagram DMs, Facebook Messenger, WhatsApp, Discord, and 6,000+ apps via Zapier
- REST API Build custom integrations with our REST API
-
Leads
Collect emails and phone numbers from visitors with optional input fields
- Custom notice Display disclaimers or consent notices above the chat input with markdown link support
- Standard support Standard email support with faster response times
-
Real-Time Data Feed
AI can read real-time data (availability, status, products, etc.) during the conversation
- —
- Knowledge gaps AI analyzes conversations to identify where it lacked knowledge
- Daily report You can receive daily email summaries of your chat conversations
-
Add images
Add images that the AI can display in chat conversations
-
Product cards
Add product cards that the AI can show to customers during chat
-
User context
Pass user-specific information (order status, account status, renewal date, etc.) to the AI so it can use it during the conversation
-
Image vision
Users can upload images in chat for troubleshooting, bug reports, or when they need visual help
- Speech to text Let visitors send voice messages that are automatically transcribed to text
-
Live monitoring
Watch all chat conversations in real-time as they happen on your website
-
Human takeover
Take control of any conversation and chat directly with visitors when needed
-
AI Notifications
Get email alerts when AI detects specific scenarios you define (bug reports, sales opportunities, etc.)
-
Escalation
Get notified when visitors request to speak with a human and join the chat directly
-
Bookings
Let visitors book appointments directly through the chat widget with calendar integration
-
Embeds
Embed external tools like Calendly, forms, or maps directly in chat responses
-
Support Tickets
AI can create support tickets during conversations for issues that need human follow-up
- Transcript download Allow visitors to download their chat conversation as a text file
- —
- —
- —
- —
- —
- 50,000 messages per month Maximum number of messages the AI can send
- Up to 20 websites Maximum number of websites under one account
- Up to 5,000 crawled pages Maximum pages you can crawl and add to knowledge base
- Up to 100,000,000 characters Total amount of characters in your knowledge base across all your websites.
- 10 seats Number of team members who can access the dashboard
-
Review chat logs
Access and review all conversations from your chatbot
- Smarter AI model You can enable a smarter AI model for better replies
-
Chat analytics
See analytics and insights from your chat conversations
- Localization Translate your widget to 32 languages
- Enable thinking You can enable thinking for more thoughtful AI responses
- Instagram, Messenger, WhatsApp, Discord, Zapier Connect your AI chatbot to Instagram DMs, Facebook Messenger, WhatsApp, Discord, and 6,000+ apps via Zapier
- REST API Build custom integrations with our REST API
-
Leads
Collect emails and phone numbers from visitors with optional input fields
- Custom notice Display disclaimers or consent notices above the chat input with markdown link support
- Priority support Priority email support with faster response times
-
Real-Time Data Feed
AI can read real-time data (availability, status, products, etc.) during the conversation
-
Real-Time Data Feed Max
Connect large product catalogs (up to ~25,000 items) using intelligent search with live data
- Knowledge gaps AI analyzes conversations to identify where it lacked knowledge
- Daily report You can receive daily email summaries of your chat conversations
-
Add images
Add images that the AI can display in chat conversations
-
Product cards
Add product cards that the AI can show to customers during chat
-
User context (higher limits)
Pass user-specific information (order status, account status, renewal date, etc.) to the AI so it can use it during the conversation
- Image vision Users can upload images in chat for troubleshooting, bug reports, or when they need visual help
- Speech to text Let visitors send voice messages that are automatically transcribed to text
-
Live monitoring
Watch all chat conversations in real-time as they happen on your website
-
Human takeover
Take control of any conversation and chat directly with visitors when needed
-
AI Notifications
Get email alerts when AI detects specific scenarios you define (bug reports, sales opportunities, etc.)
-
Escalation
Get notified when visitors request to speak with a human and join the chat directly
-
Bookings
Let visitors book appointments directly through the chat widget with calendar integration
-
Embeds
Embed external tools like Calendly, forms, or maps directly in chat responses
-
Support Tickets
AI can create support tickets during conversations for issues that need human follow-up
- Transcript download Allow visitors to download their chat conversation as a text file
-
Remove branding
Remove all Asyntai branding and make the chat widget fully yours
- Reseller-friendly Also great for agencies — give each client their own white-label dashboard branded as you, not us.
- SSO Single Sign-On authentication for your team using SAML or OAuth providers
- Reply suggestions Generate professional email replies using your AI knowledge base
- Translation Widget Let visitors translate your website into 40+ languages with AI-powered translations
Not sure which plan is right for you?
InteractivePlan Calculator
Why Directus Teams Choose Asyntai
Start free with 100 messages, upgrade as your audience grows
Your Content Becomes Conversational
Visitors should not have to dig through pages and menus to find one piece of information. The chatbot lets them ask in plain language and get a direct answer sourced from your Directus content. It surfaces the right information from across your entire site in seconds.
Scale Support Without Hiring
As your website traffic grows, so does the volume of repetitive questions. The chatbot handles five conversations or five hundred simultaneously, during product launches, conference seasons, or regular weekdays, without adding staff or burning out your existing team.
Fits the Headless Architecture You Already Built
Directus gives you the freedom to build your frontend however you want. The chatbot honors that philosophy. It is a lightweight script that slots into any frontend stack without introducing dependencies, build-step changes, or architectural compromises.
Frequently Asked Questions
Everything you need to know about adding an AI chatbot to your Directus website
How AI Chatbot Helps Directus Websites
The Challenge of Content Discovery on Headless Websites
Directus is one of the most flexible content management platforms available. It wraps any SQL database with a powerful admin interface and delivers content through REST and GraphQL APIs. Teams love it because it imposes no opinions on how you structure your data or build your frontend. But that flexibility creates an interesting challenge on the visitor-facing side of things: how do people find the specific piece of information they need when your content is spread across dozens of collections, rendered through custom templates, and organized in ways that make perfect sense internally but may not be immediately intuitive to a first-time visitor?
Traditional search works when visitors know the right keywords. Navigation works when visitors understand your site structure. But a surprising number of visitors arrive with a specific question and do not want to browse. They want to ask "do you support single sign-on" or "how does billing work for agencies" and get a direct answer. An AI chatbot bridges that gap by turning your entire content library into a conversational interface. Visitors ask questions in their own words and receive answers sourced from your published pages, uploaded documents, and custom instructions you have written.
Why Directus Projects Benefit From AI-Powered Chat
Directus is popular with agencies, SaaS companies, media organizations, and enterprises that need structured content delivered across multiple channels. These organizations typically have rich content libraries: documentation pages, knowledge base articles, pricing breakdowns, feature comparisons, case studies, and policy documents. The depth of content is a strength, but it also means visitors can struggle to locate a specific detail buried three levels deep in a documentation hierarchy.
An AI chatbot trained on your website content acts as an always-available guide. It can surface information from any page on your site, cross-reference details across different sections, and present a synthesized answer that saves the visitor from clicking through multiple pages. For a SaaS company, the chatbot might explain how your API rate limits work, compare two pricing tiers, and link to the relevant documentation page, all in one conversation. For an agency, it might answer a prospective client's question about your process, timeline, and portfolio, turning a casual browser into a qualified lead.
Fitting Into the Headless Architecture
One of the reasons developers choose Directus is its clean separation of concerns. The backend manages content and exposes APIs. The frontend consumes those APIs and renders the experience. This architecture gives teams complete control over performance, design, and deployment. Adding third-party tools to a headless setup can sometimes be tricky if those tools expect a traditional CMS structure or require backend plugins.
The Asyntai chatbot is designed for exactly this scenario. It is a single JavaScript snippet that lives entirely in your frontend code. There is no Directus extension to install, no middleware to configure, no API tokens to manage. You paste the script into your layout component, whether that is a Next.js root layout, a Vue App component, a Nuxt plugin, or a plain HTML template, and the widget appears on every page. It loads asynchronously, so it does not block your content rendering or interfere with your existing API calls to Directus. Your backend stays clean, your build pipeline stays unchanged, and your deployment process remains exactly as it was.
Reducing Support Load for Growing Teams
Every website, regardless of how well-designed it is, generates a steady stream of repetitive questions. "What pricing plan is right for me?" "Do you integrate with Slack?" "Can I export my data?" "What is your refund policy?" These questions have clear answers that exist somewhere on your site, but visitors either cannot find them or prefer to just ask.
For small teams and agencies, answering these questions manually is a significant time drain. Every minute spent replying to an email about something that is already documented on the website is a minute not spent on product development, client work, or growth initiatives. An AI chatbot handles these repetitive inquiries automatically, drawing from your published content and uploaded documents to provide accurate, helpful responses at any hour. When a question is too complex for the chatbot, it can collect the visitor's information so your team can follow up personally, but the majority of common questions get resolved instantly without human involvement.
Content Insights That Improve Your Website
One of the most underappreciated benefits of adding a chatbot to your website is the data it generates about visitor behavior and intent. Every conversation is a signal about what your audience cares about, what confuses them, and what information is missing or hard to find on your site.
When you review chat logs and notice that twenty different visitors in a week are asking about a feature you have not documented, that tells you exactly what content to create next in Directus. When you see visitors repeatedly asking for comparisons between your service and a competitor, that tells you a comparison page would be valuable. When a question keeps coming up that the chatbot cannot answer, that is a gap in your content library that you can fill by creating a new page or uploading a document. Over time, the chatbot effectively becomes a feedback loop that helps you build a better, more complete website.
Serving a Global Audience
Directus has robust built-in support for multilingual content through its translations interface. Many Directus-powered websites serve audiences across multiple countries and languages. The AI chatbot extends this multilingual capability to the conversational layer. It detects the language a visitor writes in and responds in that same language automatically. A visitor browsing the German version of your site who types a question in German receives an answer in German. A visitor on the English version who writes in Spanish still gets a helpful response in Spanish.
This is particularly valuable for agencies and SaaS companies with international client bases. Instead of building separate support channels or hiring multilingual support staff, the chatbot provides consistent, accurate assistance in dozens of languages using the same underlying content. Your team writes the content once in Directus, and the AI handles the multilingual delivery on the frontend.
Ideal for Documentation-Heavy Websites
Many organizations that choose Directus do so because they have complex content needs. Developer documentation portals, technical reference sites, regulatory compliance libraries, product knowledge bases: these are exactly the types of content-rich websites where an AI chatbot delivers the most value. The more content you have, the harder it becomes for visitors to find a specific answer through manual navigation, and the more helpful a conversational interface becomes.
Imagine a developer documentation site built on Directus with hundreds of pages covering API references, guides, tutorials, and changelogs. A developer visits the site looking for information about a specific endpoint's rate limits when using batch operations. Instead of scanning through the table of contents, searching keywords, and cross-referencing two or three documentation pages, they ask the chatbot directly. The AI pulls the relevant details from multiple pages, synthesizes the answer, and delivers it in seconds. That is the kind of experience that makes visitors return and recommend your product to others.
Getting Started Takes Minutes, Not Days
The entire setup process is designed to respect the speed and efficiency that Directus developers value. Create an account, provide your website URL, and the AI begins crawling your published pages. Within minutes, it has learned your content and is ready to answer questions. Copy the JavaScript snippet from your dashboard, paste it into your frontend layout, and deploy. Your chatbot is live.
There is no training period where you need to manually input hundreds of question-and-answer pairs. There is no complex configuration wizard that takes hours to complete. The AI reads your website the same way a visitor would, learning your content, your terminology, and your offerings from what you have published. As you add or update content in Directus and your frontend renders those changes, the chatbot picks up the new information on its next crawl. Your support capabilities grow automatically as your content library grows.
Start with the free plan, which includes 100 messages per month. That is enough to see how visitors interact with the chatbot, what questions they ask, and how the AI handles your content. When you see the value, upgrade to a plan that matches your traffic volume. There is no commitment and no credit card required to get started.
Ready to Add AI Chat to Your Directus Website?
Start free with 100 messages and see how an AI assistant can engage visitors, answer questions, and reduce your support workload.