Quickstart

Get up and running with Ask0 in minutes. Step-by-step guide to set up your AI documentation assistant and start helping users instantly.

Get your AI assistant up and running in just a few minutes. This guide will walk you through setting up Ask0 for your website or documentation.

Prerequisites

Before you begin, make sure you have:

A website or documentation site where you want to add Ask0
Access to add JavaScript code to your site
Content you want your AI assistant to learn from (website, docs, etc.)

Create your free account at ask0.ai/invite

Enter your email and create a password
Verify your email address
You'll be redirected to the Ask0 Console

Create Your First Project

In the Ask0 Console, create a new project:

Click "New Project"
Enter your project details:
- Project Name: e.g., "My Product Docs"
- Description: Brief description of your project
- Website URL: Your main website URL
Click "Create Project"

You'll receive a unique Project ID - save this for later.

Add Knowledge Sources

Tell Ask0 what content to learn from. For this quickstart, we'll add your website:

Navigate to Sources in your project
Click "Add Source" and select "Web Crawler"

Configure the crawler:

Start URL: https://your-website.com
Include Patterns: https://your-website.com/docs/*
Crawl Frequency: Daily
Max Pages: 500

Click "Start Crawling"

The crawler will begin indexing your content. This typically takes 5-15 minutes depending on site size. You can add the chat widget while crawling continues.

Example of adding documentation site:

Start URL: https://docs.your-product.com
Include Patterns:
  - https://docs.your-product.com/guides/*
  - https://docs.your-product.com/api/*
  - https://docs.your-product.com/tutorials/*
Exclude Patterns:
  - */changelog
  - */archive/*

Add Ask0 to your website with our JavaScript snippet:

<!-- Add before closing </body> tag -->
<script>
  (function() {
    var script = document.createElement('script');
    script.src = 'https://assets.ask0.ai/scripts/ask.js';
    script.async = true;
    script.dataset.projectId = 'YOUR_PROJECT_ID';
    document.body.appendChild(script);
  })();
</script>

// In your main layout or _app.js
import Script from 'next/script';

export default function Layout({ children }) {
  return (
    <>
      {children}
      <Script
        src="https://assets.ask0.ai/scripts/ask.js"
        strategy="afterInteractive"
        data-project-id="YOUR_PROJECT_ID"
      />
    </>
  );
}

<!-- In your main App.vue or index.html -->
<script>
export default {
  mounted() {
    const script = document.createElement('script');
    script.src = 'https://assets.ask0.ai/scripts/ask.js';
    script.async = true;
    script.dataset.projectId = 'YOUR_PROJECT_ID';
    document.body.appendChild(script);
  }
}
</script>

// In your app.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'
})
export class AppComponent implements OnInit {
  ngOnInit() {
    const script = document.createElement('script');
    script.src = 'https://assets.ask0.ai/scripts/ask.js';
    script.async = true;
    script.dataset.projectId = 'YOUR_PROJECT_ID';
    document.body.appendChild(script);
  }
}

Replace YOUR_PROJECT_ID with the Project ID from step 2.

Test Your Assistant

Visit your website where you added the snippet
Look for the Ask0 chat widget (bottom right by default)
Click to open and ask a question about your product
The AI will provide answers based on your crawled content

Try asking questions like:

"How do I get started?"
"What are the main features?"
"How does pricing work?"
"Where can I find API documentation?"

Configuration Options

Customize the widget behavior by adding data attributes:

<script
  src="https://assets.ask0.ai/scripts/ask.js"
  data-project-id="YOUR_PROJECT_ID"
  data-position="bottom-right"
  data-theme="light"
  data-primary-color="#0066cc"
  data-greeting="How can I help you today?"
  data-placeholder="Ask me anything..."
></script>

Available Options

Option	Values	Description
`data-position`	`bottom-right`, `bottom-left`, `center`	Widget position
`data-theme`	`light`, `dark`, `auto`	Color theme
`data-primary-color`	Hex color	Brand color
`data-greeting`	Text	Initial greeting message
`data-placeholder`	Text	Input placeholder text
`data-hide-branding`	`true`, `false`	Hide Ask0 branding (Pro)

What's Next?

Now that your basic setup is complete, explore these next steps:

Add More Sources

Connect GitHub, Discord, Notion, or upload files

Customize Appearance

Match your brand with themes and styling

View Analytics

Track usage, feedback, and performance

Manage Team

Add team members and set permissions

Troubleshooting

Widget not appearing?

Check that the Project ID is correct
Ensure the script is loading (check browser console)
Verify your domain is whitelisted in project settings

AI not answering questions?

Wait for initial crawling to complete (check Sources status)
Ensure your content is accessible to the crawler
Check crawler logs for any errors

Getting Help

Need assistance with your setup?

💬 Join our Discord for community support
📧 Email support@ask0.ai for technical issues
📖 Browse the full documentation for detailed guides

Congratulations! You've successfully added AI assistance to your product. Your users can now get instant answers to their questions, reducing support burden and improving their experience.