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
Swap the default feedback buttons for a built-in theme preset, by hand or from the dashboard theme maker.
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. A dental practice is the running example.
Progressive Loading and Legacy Browser Fallback
One script tag that loads only what a visitor uses and drops 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
Match the Qaid embed to your brand palette, with the contrast and dark-mode checks that keep it usable.
Styling the Modal: Themes & Custom CSS
Restyle the feedback modal with custom CSS. Every selector you can target, plus four worked themes and the mobile sheet.
Custom CSS: Six Button Effects
Six feedback button treatments built with the css config option, from frosted glass to 8-bit, with the CSS for each.
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
Rewrite every string in the Qaid feedback flow, in any language, including the ones only a screen reader ever reads.
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
Put the feedback buttons in a corner, inline with your content, or in a container you control, without colliding with everything else that is fixed.
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. Every operator, with a working 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. A contractor's estimate form is the running example.
Ask Follow-Up Questions: Link Thumbs Buttons to Quests
Replace the optional message box with a targeted quest: one set of questions after a thumbs-up, another after a thumbs-down, 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.
