Everything you need to integrate QueryWing into your website. From quick start guides to advanced customization options.
Get your chatbot running in under 5 minutes
Go to Dashboard → Bots → Create New Bot. Configure your bot name and personality.
Copy your unique Bot ID from the bot settings page.
Paste the code snippet into your website before the closing </body> tag.
Adjust colors, messages, and behavior to match your brand.
<script async src="https://www.querywing.com/widget-ultra.js"
data-api-url="https://www.querywing.com"
data-bot-id="YOUR_BOT_ID"
data-bot-name="Your Bot Name"
data-company-name="Your Company"
data-primary-color="#6366f1"
data-position="bottom-right">
</script>All available data attributes for customization
| Attribute | Required | Description |
|---|---|---|
data-bot-id | Required | Your unique bot identifier from the dashboard |
data-bot-name | Required | Display name shown in the chat header |
data-company-name | Optional | Your company name for branding |
data-primary-color | Optional | Primary color for the widget (hex format) |
data-position | Optional | Widget position: bottom-right or bottom-left |
data-welcome-message | Optional | Initial greeting message |
data-avatar-url | Optional | Custom avatar image URL |
data-show-branding | Optional | Show/hide QueryWing branding |
Full example with all customization options
<script async src="https://www.querywing.com/widget-ultra.js"
data-api-url="https://www.querywing.com"
data-bot-id="YOUR_BOT_ID"
data-bot-name="Support Assistant"
data-company-name="Acme Inc"
data-primary-color="#3B82F6"
data-position="bottom-right"
data-welcome-message="Hi there! How can I help you today?"
data-avatar-url="https://example.com/avatar.png"
data-show-branding="false">
</script>Use any hex color code to match your brand. The widget automatically adjusts text colors for accessibility.
Customize the initial greeting to match your brand voice. Use a friendly, helpful tone to encourage engagement.
Remove QueryWing branding with data-show-branding="false". Available on Pro and Enterprise plans.
Step-by-step tutorials to get the most out of QueryWing