Documentation

Get up and running with Ask AI Widget in under 2 minutes.

1 Quick Start

Add this script tag to your website, just before the closing </body> tag:

<script src="https://cdn.askaiwidget.com/w.js"
  data-key="YOUR_API_KEY"></script>

Replace YOUR_API_KEY with the key from your dashboard.

2 Configuration Options

Customize the widget with data attributes:

Attribute	Default	Description
`data-key`	-	Required. Your API key from the dashboard.
`data-position`	`bottom-right`	Widget position: `bottom-right`, `bottom-left`
`data-theme`	`auto`	Color theme: `light`, `dark`, `auto`
`data-color`	`#4c6ef5`	Primary color

3 Platform Guides

WordPress

Go to Appearance → Theme Editor (or use the Customizer). Find your theme's footer.php and paste the script tag before </body>.

Alternatively, use a plugin like "Insert Headers and Footers" to add the script without editing theme files.

Shopify

Go to Online Store → Themes → Edit Code. Find theme.liquid and add the script tag before </body>.

React / Next.js

In Next.js, add the script to your root layout using the Script component:

import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <>
      {children}
      <Script
        src="https://cdn.askaiwidget.com/w.js"
        data-key="YOUR_API_KEY"
        strategy="lazyOnload"
      />
    </>
  )
}

Need help?

We are here to help you get set up.

Contact Support