THE FAST, VISUAL FAQ BUILDER FOR WORDPRESS
TrainedPixels FAQ Builder helps you create polished, conversion-friendly FAQ sections in minutes. Build and organize content in one place, style everything visually, and publish anywhere with a shortcode.
Whether you run a support center, business website, or online store, the plugin gives you precise control over design, accessibility, and SEO without writing code.
Create professional FAQ sections with confidence:
- Visual Settings Panel + Live Preview — Style typography, colors, spacing, borders, and icons while previewing real FAQ interactions.
- FAQ Manager — Create, edit, categorize, and reorder FAQs from a clean drag-and-drop admin interface.
- Flexible Shortcode Engine — Use
[trained_faq]with category, ID, limit, order, and schema controls. - Beautiful Defaults — Accordion behavior, smooth slide animation, and 4 icon presets out of the box.
- Custom Icon Uploads (PNG/JPG/GIF) — Upload closed/open icons for branded FAQ toggles.
- Responsive Typography Controls — Keep FAQ readability strong across mobile and desktop.
- SEO Schema Built In — Automatically outputs FAQPage JSON-LD for search visibility.
- Accessibility Focused — Keyboard navigation, ARIA attributes, and focus styles are built in.
- Translation Ready — Full i18n support with
.potincluded.
Unlock more with PRO (premium add-on):
- Gutenberg Block — Insert FAQs directly in the block editor with visual controls.
- Elementor Widget — Add and configure FAQs natively inside Elementor.
- Toggle / Multi-open Mode — Allow multiple questions to stay open.
- Advanced Animation Types — Fade, scale, collapse, and more.
- Rotate Icon Animation — Add 180-degree rotate transitions for custom icons.
- Question-Answer Gap Control — Fine-tune spacing between each question and answer.
- Analytics Dashboard — Track views, clicks, read duration, and engagement.
- WooCommerce Integration — Show mapped FAQs directly on product pages.
- Preset Library (Coming Soon) — Save and reuse full design presets.
Learn more about PRO at trainedpixels.com.
Development
Source code for all compiled JavaScript and CSS is available at:
https://github.com/TrainedPixels/trainedpixels-faq-builder-lite
To build from source:
- Clone the repository
- Run
npm install - Run
npm run build
Build tools used: webpack (via @wordpress/scripts), PostCSS, Tailwind CSS.
Screenshots
Manage FAQ content faster: create, search, edit, delete, categorize, and reorder FAQs from one central manager.
Configure shortcode layout behavior: control item spacing, container width, and container padding with a live preview of the frontend output.
Customize question design without CSS: choose fonts, colors, icon styles, and icon positions with instant preview feedback.
Improve mobile readability and site hygiene: enable responsive font scaling, set mobile breakpoints, and choose uninstall data cleanup behavior.
Control FAQ motion behavior: Lite includes smooth slide animation, while PRO unlocks additional animation types for richer interactions.
Fine-tune UX and accessibility details: adjust padding, borders, hover opacity, and focus outline settings for cleaner, more accessible FAQ blocks.