AI Ask Widget adds an "ask your AI" button to your site: visitors type a question and it opens ready-to-go in their AI, with your page URL as context. No copy-pasting, no chatbot to train, no data passing through you.
A chatbot on your site is a stranger starting from zero. Your visitor's AI already knows them: their level, their language, how they like things explained. All you have to do is introduce it to your content.
"Explain it like I'm 10", "adapt this to my online store", "translate it": every visitor gets the version of your content they actually need. Without you writing a single extra line.
Your visitors would do it anyway: select, copy, open ChatGPT, paste, add the link. The widget turns five steps into one — and the conversation starts with your page as context.
No API keys, no backend, no token bills. It's a bridge, not a service: client-side JavaScript composing a link. That's why it can stay free forever.
The widget is live on this page, bottom centre.
Click the button below and ask anything about this page
For example: "Does this widget make sense for my site?" — your AI will get the question plus this page's URL, and can answer by actually reading it.
Can't see the button? You probably have an aggressive ad-blocker or JavaScript disabled.
Three steps, no magic. And we'll tell you where the limits are, too.
They click the button, pick a suggested question or write their own.
Question + page URL (+ the optional "AI persona" you configured). All inside the visitor's browser.
ChatGPT, Perplexity, Google AI Mode or Grok opens with the question already sent. For Claude, the question is copied ready to paste.
This section exists because 90% of AI tools promise the opposite of what they can deliver.
Paste it before the closing </body> tag. No account, no API key, no step two.
<script src="https://www.matteobononi.it/tools/gpt-ask/js/ai-ask.min.js"
data-brand="Ask your AI"
data-ai="chatgpt,perplexity,gemini"
defer></script>
Done. The widget is live, in your site's language.
Everything via data-* attributes, zero JavaScript to write.
data-aiWhich AIs to show: chatgpt, perplexity, gemini (Google AI Mode), grok, claude — one or more, comma-separateddata-brandButton text (e.g. "Ask your AI", "Ask about this article")data-languageen, it, es, fr, de — defaults to your page's languagedata-questionsCustom suggested questions (CSV or JSON)data-context-prefixInstructions prepended to the prompt: give the AI a "persona" (e.g. "Answer as a senior developer")data-colorHex colour without # (default: the first AI's colour)data-positioncenter, right or leftdata-analytics"true" to push the ai_ask_send event to the dataLayer (GA4/GTM)data-analytics="true".defer: it doesn't block rendering. For scale: a single photo in a typical slider weighs twenty times more.If it doesn't win you over, remove it with the same line you added it with.
Copy the codeMade by Matteo Bononi · GitHub · Examples · Versione italiana