Qaid
Customization Guides Knowledge Base
GUIDES
> Learn how to customize and implement the Qaid feedback embed

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.

modal css

Conditional Display: Show Feedback at the Right Time

Control when the feedback widget appears based on user state, page URL, or custom application logic.

conditional display

Escalation Rules: Automatic Priority Detection

Set up rules to automatically flag critical feedback based on keywords, URL patterns, and more.

escalation automation

Accessibility Best Practices: Inclusive Feedback

Ensure your feedback widget is accessible to all users with keyboard navigation, screen readers, and WCAG compliance.

accessibility a11y

Console Error Capture: Debug Without Asking

Automatically capture JavaScript console errors with user feedback to debug issues faster.

debugging console-errors

Custom Modal Content: Tailor the Feedback Form

Customize the feedback modal's title, placeholder text, submit button, and add custom fields.

modal customization

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 dashboard

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.

targeting elements

Mobile Optimization: Feedback on Touch Devices

Optimize the feedback widget for mobile devices with touch-friendly buttons and responsive positioning.

mobile responsive

Position & Placement: Where to Put Your Feedback Buttons

Configure where feedback buttons appear on your page - corners, inline with content, or in custom containers.

position placement

Public Theme Gallery: Share Your Designs

Browse community themes, apply them to your projects, and share your own custom designs.

themes gallery

Screenshot Capture: Visual Context for Feedback

Add automatic screenshot capture to your feedback widget, with options for DOM-based or permission-based capture.

screenshots visual-feedback

Team Collaboration: Working Together

Invite team members, manage roles, and collaborate on feedback with your team.

team collaboration

Troubleshooting: Common Issues and Solutions

Solve common problems with the Qaid feedback widget including loading issues, CORS errors, and styling conflicts.

troubleshooting debugging

Video Feedback: Screen Recording for Bug Reports

Enable screen recording in your feedback widget to capture video bug reports from your users.

video screen-recording

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.

icons customization

Text Customization & Internationalization

Customize every text label in the Qaid feedback flow. Learn to support multiple languages and create locale-specific experiences.

i18n text

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.

css advanced

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.

colors branding

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.

themes getting-started