Install guide

Install in one script tag.

Generate the tag on the homepage, paste it into your site, and test the handoff.

Open generator See platforms

Flow

Three steps.

Keep the setup short and verify the launch before you ship.

Configure your widget

Pick your site URL, platforms, and mode.

Paste the script tag

Paste it before the closing body tag or into custom code.

Test the launch flow

Click each destination and confirm the page context is carried through.

Snippet

Use one asset.

Floating

Floating launcher

Use this when you want a corner launcher on every page.

<script
  async
  src="https://askai.uicomet.com/widget/askai-widget.min.js"
  data-site-url="https://example.com"
  data-platforms="chatgpt,claude,perplexity"
  data-mode="floating"
  data-theme="auto"
  data-label="Ask AI"
  data-position="bottom-right"
></script>

Inline

Render inside your layout

Use this when the buttons should sit inside content.

<div id="ask-ai-inline"></div>
<script
  async
  src="https://askai.uicomet.com/widget/askai-widget.min.js"
  data-site-url="https://example.com"
  data-platforms="chatgpt,claude,perplexity"
  data-mode="inline"
  data-theme="auto"
  data-label="Ask AI"
  data-container="#ask-ai-inline"
></script>

Reference

Keep it simple.

Core

Required attributes

data-site-url
data-platforms
data-mode

Display

Optional attributes

data-theme
data-label
data-position
data-container

Checks

Before launch

Allow the script in CSP.
Use a stable selector for inline mode.
Click every enabled destination.

Demo page: /widget/demo.html

Values

Current options.

Theme

Theme values

auto
light
dark

Position

Position values

bottom-right
bottom-left
top-right
top-left

Platforms

Supported IDs

chatgpt
claude
gemini
perplexity
grok
deepseek
qwen
mistral
zai

Troubleshooting

Common blockers

CMS script restrictions, CSP rules, inline selector issues, or destination sign-in screens.

FAQ

Still unsure?

How does the Ask AI embed work?
Does this hurt SEO or page speed?

Read every answer