Add Qaid to your site
5 guidesGet the embed live and collecting feedback, then keep it healthy.
Dashboard Quick Start: Managing Your Feedback
Learn how to create projects, install the embed, and manage incoming feedback with filters, archiving, and admin notes.
Getting Started with Qaid Themes
Learn how to transform the default feedback buttons into themed experiences that match your brand identity using our built-in theme presets.
Getting Started with Quests in 10 Minutes
Drop a multi-step intake form onto your site, define the questions in JSON, and start collecting structured responses — using a dental practice as the running example.
Progressive Loading and Legacy Browser Fallback
One script tag that loads only what a visitor uses and automatically falls back to a compatible build on older browsers — no detection to write yourself.
Troubleshooting: Common Issues and Solutions
Solve common problems with the Qaid feedback embed including loading issues, CORS errors, and styling conflicts.
Customize the look
6 guidesMatch the feedback buttons and modal to your brand.
Brand Color Matching: A Deep Dive
Master the art of customizing Qaid's color palette to perfectly match your brand. Learn about color theory, accessibility, and CSS custom properties.
Styling the Modal: Themes & Custom CSS
Learn how to restyle the feedback modal with custom CSS. Override colors, typography, borders, and more to match your brand.
Custom CSS Magic: Advanced Styling Techniques
Go beyond themes with custom CSS. Learn to create unique feedback button designs with animations, gradients, and creative effects.
Custom Button Icons
Replace the default thumbs up/down icons with custom SVGs, emoji, or any HTML content to match your brand's visual language.
Text Customization & Internationalization
Customize every text label in the Qaid feedback flow. Learn to support multiple languages and create locale-specific experiences.
Public Theme Gallery: Share Your Designs
Browse community themes, apply them to your projects, and share your own custom designs.
Place & tailor the feedback embed
5 guidesDecide where feedback appears and what the form asks for.
Position & Placement: Where to Put Your Feedback Buttons
Configure where feedback buttons appear on your page - corners, inline with content, or in custom containers.
Custom Modal Content: Tailor the Feedback Form
Customize the feedback modal's title, placeholder text, submit button, and add custom fields.
Element Targeting: Pinpoint Feedback on Any Element
Let users click on specific page elements to attach feedback directly to buttons, forms, or any UI component.
Conditional Display: Show Feedback at the Right Time
Control when the feedback embed appears based on user state, page URL, or custom application logic.
Mobile Optimization: Feedback on Touch Devices
Optimize the feedback embed for mobile devices with touch-friendly buttons and responsive positioning.
Capture richer feedback
4 guidesAttach the visual and technical context that makes a report actionable.
Screenshot Capture: Visual Context for Feedback
Add automatic screenshot capture to your feedback embed, with options for DOM-based or permission-based capture.
Annotate & Redact Screenshots
Let people mark up and blur their screenshot before sending feedback — boxes, arrows, freehand, and redaction, built into the embed.
Video Feedback: Screen Recording for Bug Reports
Enable screen recording in your feedback embed to capture video bug reports from your users.
Console Error Capture: Debug Without Asking
Automatically capture JavaScript console errors with user feedback to debug issues faster.
Build quests
3 guidesAsk structured, multi-step questions with the quests embed.
Branching Forms with `visibleIf`: A Medical Intake Example
Use the visibleIf predicate to show questions only when prior answers make them relevant. Equals, in, answered, allOf, anyOf — every operator with a real medical-intake example.
Theming & Inline Embeds: A Renovation Estimate Form
Render the quests embed inline, match it to your brand with custom colors and CSS, and pick layouts that feel native to your site — using a contractor's estimate form as the running example.
Ask Follow-Up Questions: Link Thumbs Buttons to Quests
Replace the optional message box with a targeted quest — ask one set of questions after a thumbs-up, another after a thumbs-down, and another after a screen recording.
Manage & route feedback
3 guidesTurn a busy inbox into insight, and share the work across your team.
Feedback Insights: See What Your Users Are Telling You
Turn a busy feedback inbox into trends, top pages, and AI-grouped themes with sentiment and representative quotes.
Team Collaboration: Working Together
Invite team members, manage roles, and collaborate on feedback with your team.
Escalation Rules: Automatic Priority Detection
Set up rules to automatically flag critical feedback based on keywords, URL patterns, and more.
Integrations & automation
4 guidesPush feedback and quest events into the tools you already use, build on the data yourself, or hand it to an AI agent.
Webhooks & Slack: Push Feedback Into Your Stack
Send feedback and quest events to Slack or your own signed HTTP endpoint the moment they happen.
Linear & Jira: Turn Feedback Into Tickets
Connect Linear or Jira to a project, create issues from feedback in one click, and keep the two in sync as issues open and close.
The Platform API: Build On Your Own Feedback Data
Read and write your feedback, quests, responses and themes over a JSON API — for custom dashboards, CRM sync, and AI agents.
The Dashboard Assistant: Ask For It Instead of Clicking For It
An AI assistant built into the qaid dashboard that reads your feedback, drafts quests and edits themes — acting as you, with your role and your permissions.
Accessibility
1 guideWhat WCAG 2.2 AA compliance gives you, and how to integrate accessibly.