How to Add a Free AI Assistant to Your Website

Step-by-step guide to embed Nexus AI on any website in minutes. No complex coding required – just copy, paste, and you're live.

📅 July 18, 2026 ⏱️ 5 min read 👤 By Kaif Ansari

Quick Summary: Nexus is a free AI assistant that you can add to your website with just two lines of code. No credit card required. Get 1,000 requests per month for free.

What is Nexus?

Nexus is a lightweight, embeddable AI assistant that turns any website into a conversational knowledge base. It uses Groq's ultra-fast LLMs to provide instant, context-aware answers to your visitors – all while keeping your API keys secure through encryption and domain whitelisting.

🔒

Vault-Grade Security

Your Groq key is encrypted and never exposed to the frontend.

🌐

Domain Whitelisting

Only authorised domains can use your Nexus keys.

Zero Friction

Add a single script tag – it just works.

Prerequisites

Step-by-Step Integration

1

Get your Nexus API Key

Sign in to the Nexus Dashboard. In the Nexus Keys tab, click "New Key", give it a name (e.g., "Production Website"), and copy the generated key.

2

Store your Groq API Key

In the Dashboard, navigate to the Settings tab. Paste your Groq API key into the Groq Configuration section and click "Save Changes". Your key is securely encrypted and never exposed to the browser.

3

Whitelist your Domain

In the Dashboard, go to the Domains tab. Add your website domain (e.g., example.com). Only whitelisted domains can use your Nexus API key.

4

Add the Script Tag

Paste the following code into your HTML, preferably just before the closing </body> tag.

<script>
window.NexusConfig = {
  apiKey: 'YOUR_NEXUS_API_KEY',
  model: 'meta-llama/llama-4-scout-17b-16e-instruct',
  botName: 'Nexus AI',
  greeting: '👋 Hello! How can I assist you today?'
};
</script>

<script defer src="https://cdn.jsdelivr.net/npm/nexus-web-assistant@3.0.0/dist/nexus-assistant.min.js"></script>

That's it! Your website now has an AI assistant that understands its content. Users can ask questions and get instant, context-aware answers.

Framework-Specific Integrations

Nexus works seamlessly with every major frontend framework. Visit the Integrations page for framework-specific code snippets for React, Vue, Angular, Next.js, WordPress, and more.

⚛️ React 🟢 Vue ▲ Next.js 🔴 Angular 🚀 Astro 🔷 WordPress

See It in Action

Check out the Live Demo page to see Nexus in action. Click the floating bot icon and ask questions about the page content.

FAQ

Is Nexus really free?

Yes! The free tier gives you 1,000 requests per month at no cost. No credit card required.

Do I need a Groq API key?

Yes. Nexus uses Groq's ultra-fast LLMs. You can get a free Groq API key from console.groq.com.

Can I use Nexus on multiple websites?

Yes – you can authorise up to 10 domains on the free tier. Unlimited domains are available with Pro.

Is my API key secure?

Absolutely. Your Groq key is encrypted and stored securely. The widget uses a separate domain-restricted Nexus key for communication. Learn more.

Ready to add AI to your website?

Get started with 1,000 free requests – no credit card needed.

Get Started for Free