> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usecliro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ask AI widget

> Add a floating button to your website that opens AI chats with your custom prompt pre-loaded.

The **Ask AI widget** adds a floating button to your site. When a visitor clicks it, they choose their preferred AI provider and start a conversation with your custom prompt already loaded.

## Why use it

* Let visitors ask about your brand directly through AI providers.
* Your prompt is pre-loaded, so visitors get consistent answers about you.
* Works with ChatGPT, Gemini, Claude, Grok and Perplexity.

## Set it up

<Steps>
  <Step title="Write your prompt">
    Open **Actions → Ask AI** and write the prompt visitors will use when asking AI about your brand (up to 3,000 characters). Click **Save prompt**.
  </Step>

  <Step title="Preview (optional)">
    Use **Preview** to see the widget in action before publishing. The preview closes when you leave the page.
  </Step>

  <Step title="Download the script">
    Click **Download script** to get the `cliro-askai-widget.js` file. You must save your prompt first.
  </Step>

  <Step title="Upload to your site">
    Place `cliro-askai-widget.js` in your site's public root (for example the `public/` folder of your project, or the domain root on your hosting).
  </Step>

  <Step title="Add the script tag">
    Paste the provided `<script>` line right before the closing `</body>` tag in your site's HTML.
  </Step>

  <Step title="Publish & verify">
    Push to production, open your site, and confirm the floating **Ask AI** button appears.
  </Step>
</Steps>

<Note>
  If you change your prompt later, save it again and re-download the script if needed so visitors get the updated experience.
</Note>