The QueryWing Website Widget is the customer-facing home for your AI agent. Visitors ask a question without leaving the page they are reading. You decide what they see around the conversation: rewrite the labels and greeting, add a booking calendar, suggest questions, collect contact details with a pre-chat form, and add bottom tabs for WhatsApp, social profiles, an embedded page, or an external link.
Match the widget to your brand with light or dark mode, launcher position, a custom icon, and a preset or custom color. Show a welcome banner with offers, plans or locations. Add custom CSS and JavaScript for anything the built-in controls do not cover, and show a consent or notice overlay before chat when you need one.
Install the widget with an asynchronous script tag before the closing body tag, or an iframe embed for a fixed area, with guided setup for WordPress, Shopify, Wix, Webflow and Google Tag Manager.
Set the colors, labels and greeting to match your brand. Add booking, WhatsApp, social and custom-page tabs, a welcome banner, lead forms and quick questions — then install it with one async script tag.
It’s the part of your site where visitors get answers in the moment — without clicking away from the page they’re on. You control everything around the chat: rename the labels, add a booking calendar, offer quick questions, capture details, and drop in tabs for WhatsApp, social or another page, all in one window.
A generic “How may I assist you today?” makes a polished site feel impersonal. Rewrite every label so it fits the way your company talks.
Turn on tabs so visitors can book a meeting, jump to WhatsApp, follow a social profile, or open another page right inside the chat window. Each tab appears only when you set it up.
Embed Calendly, Cal.com, Google Calendar or any booking tool. Visitors confirm a time without leaving the page.
Add a WhatsApp tab with your number, button label and an optional pre-written message.
Shortcuts to LinkedIn, X, Instagram, TikTok, YouTube, Facebook or any external destination.
Show another page by URL or embed code, or create a tab that opens an external link.
Collect contact details before the chat starts, and give visitors one-tap questions so they never face a blank box.
Cards sit above the chat box — an offer, a popular package, a location, or a new release. Each card can show an image, headline, short description and action buttons that send a prepared message or open a URL.
For a single site and small teams.
More bots, leads and automations.
For agencies and high volume.
Horizontal scroll or grid layout, with optional auto-scroll and renamable tabs.
Match the widget to the page around it — how it looks, where it sits, and how it behaves.
Light & dark mode — the header keeps your theme color.
Switch light/dark, place the launcher bottom-right or bottom-left, set the icon by URL, apply a preset or custom hex color.
Show on phones & tablets or desktop-only. Open on page load, show suggested questions, display the sources behind an answer, and offer voice when configured.
Connect Billing, Sales and Support agents so visitors choose the right one in the same widget.
The built-in controls handle colors, position and behavior. For anything they don’t cover — typography, borders, shadows, spacing — drop in custom CSS or JavaScript in the widget settings.
/* Typography, borders, shadows, spacing.
Test this on the pages you support. */
#querywing-launcher { box-shadow: 0 8px 30px rgba(234,88,12,.4); }// Runs once after the widget loads.
window.addEventListener("qw:open", () => {
console.log("Widget opened");
});Need a disclaimer, welcome screen or explicit consent before a visitor chats? Enable Consent & Overlay.
These controls help you present notices and gather consent. They do not, by themselves, make a site legally compliant — your wording, lawful basis and data handling remain your responsibility.
We use this chat to answer your questions. The conversation may be stored in this browser.
Copy the snippet from your Installation page and pick the method that suits your site.
Paste it before the closing body tag. It loads asynchronously, so the page doesn’t wait for it.
<script async
src="https://querywing.com/widget-ultra.js"
data-bot-id="YOUR_BOT_ID"></script>
</body>Place the agent in a dedicated page or section when the conversation needs a larger, fixed area.
<iframe
title="QueryWing Assistant"
src="https://querywing.com/embed/YOUR_BOT_ID">
</iframe>Choose the public AI agent visitors should use.
Color, icon, labels and custom loading messages — checked in the live preview.
Pre-chat lead capture, quick questions, and tabs for booking, WhatsApp, social or pages.
Position, mobile visibility, open behavior, and an optional consent overlay.
Check on desktop and mobile, then paste one async script before </body>.
Answer product questions, show starting points, collect work email, and put a booking calendar in the tabs.
Show product cards in the banner, answer policy questions, and send shoppers to the right page or WhatsApp.
Use tabs and cards to show locations and link people to the right booking or enquiry path.
Adjust labels, colors, CSS and visitor paths per client site.
No. The recommended install is an asynchronous script tag that loads without blocking the rest of your page. You can also use an iframe embed for a fixed area.
Yes. Turn on a booking tab with Calendly, Cal.com, Google Calendar or any tool you can embed — visitors pick a time without leaving the page.
Text, email, phone, long text, number and date fields. When the form is on, at least one email or phone field must be required.
Yes. A display toggle lets you hide it on phones and tablets, or keep it desktop-only.
Yes. The Consent & Overlay screen lets you add your own text, buttons and policy links, and remember the choice for a set number of days. It gives you the screen — it does not, by itself, make your site legally compliant.
Yes. The Widget settings include custom CSS and JavaScript fields for anything the built-in controls don’t cover. Test on your own pages before publishing.
Set your colors and labels, add the tabs your visitors need, and test on desktop and mobile — then paste one script.