TrainedPixels

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:
<ul>
<li>Visual Settings Panel + Live Preview — Style typography, colors, spacing, borders, and icons while previewing real FAQ interactions.</li>
<li>FAQ Manager — Create, edit, categorize, and reorder FAQs from a clean drag-and-drop admin interface.</li>
<li>Flexible Shortcode Engine — Use <code>[trained_faq]</code> with category, ID, limit, order, and schema controls.</li>
<li>Beautiful Defaults — Accordion behavior, smooth slide animation, and 4 icon presets out of the box.</li>
<li>Custom Icon Uploads (PNG/JPG/GIF) — Upload closed/open icons for branded FAQ toggles.</li>
<li>Responsive Typography Controls — Keep FAQ readability strong across mobile and desktop.</li>
<li>SEO Schema Built In — Automatically outputs FAQPage JSON-LD for search visibility.</li>
<li>Accessibility Focused — Keyboard navigation, ARIA attributes, and focus styles are built in.</li>
<li>Translation Ready — Full i18n support with <code>.pot</code> included.</li>
</ul>
Unlock more with PRO (premium add-on):
<ul>
<li>Gutenberg Block — Insert FAQs directly in the block editor with visual controls.</li>
<li>Elementor Widget — Add and configure FAQs natively inside Elementor.</li>
<li>Toggle / Multi-open Mode — Allow multiple questions to stay open.</li>
<li>Advanced Animation Types — Fade, scale, collapse, and more.</li>
<li>Rotate Icon Animation — Add 180-degree rotate transitions for custom icons.</li>
<li>Question-Answer Gap Control — Fine-tune spacing between each question and answer.</li>
<li>Analytics Dashboard — Track views, clicks, read duration, and engagement.</li>
<li>WooCommerce Integration — Show mapped FAQs directly on product pages.</li>
<li>Preset Library (Coming Soon) — Save and reuse full design presets.</li>
</ul>
<a href="https://trainedpixels.com/trainedpixels-faq-builder" rel="nofollow ugc">Learn more about PRO at trainedpixels.com</a>.
<h3>Development</h3>
Source code for all compiled JavaScript and CSS is available at: 
https://github.com/TrainedPixels/trainedpixels-faq-builder-lite
To build from source:
<ol>
<li>Clone the repository</li>
<li>Run <code>npm install</code></li>
<li>Run <code>npm run build</code></li>
</ol>
Build tools used: webpack (via @wordpress/scripts), PostCSS, Tailwind CSS.

TrainedPixels FAQ Builder

Create beautiful FAQs with visual styling, shortcode support, and automatic SEO schema markup.

Hundikuu

A complete FAQ plugin for WordPress. Display your frequently asked questions as an accessible accordion with automatic Schema.org FAQPage JSON-LD markup for rich results in search engines.
Features:
<ul>
<li>Unlimited FAQ items and categories</li>
<li>Accessible accordion — keyboard navigation, ARIA attributes</li>
<li>Schema.org FAQPage JSON-LD — automatic rich result markup</li>
<li>Gutenberg block with sidebar controls</li>
<li>Elementor widget</li>
<li>Shortcode <code>[hnd_faq]</code> with all options</li>
<li>Table of Contents — inline above the accordion or sticky sidebar</li>
<li>Drag & drop question reorder in admin</li>
<li>Per-question colour overrides</li>
<li>“Was this helpful?” thumbs up/down voting</li>
<li>Open-count analytics (per-question view tracking)</li>
<li>Category ordering by custom number</li>
<li>Print CSS and RTL support</li>
<li>WPML and Polylang compatible</li>
<li>Import / Export via CSV</li>
</ul>
Pro version available
<a href="https://hundikuu.com/plugin/hnd-faq-pro" rel="nofollow ugc">HND FAQ Pro</a> adds:
<ul>
<li>Live search across all questions and answers</li>
<li>Suggest a question — front-end submission form</li>
<li>Card / Grid layout (questions and answers visible simultaneously)</li>
<li>WooCommerce product tab integration</li>
<li>Table of Contents customisation — scrollspy, colours, numbered list</li>
<li>Custom CSS editor</li>
<li>Conditional display by role, page, or post type</li>
<li>Advanced analytics dashboard widget</li>
<li>Priority email support</li>
</ul>
Shortcode examples:
<pre><code>[hnd_faq]
[hnd_faq category="general"]
[hnd_faq category="general,technical" orderby="title" order="ASC"]
[hnd_faq show_titles="false" limit="5"]
</code></pre>
Shortcode attributes:
<ul>
<li><code>category</code> — category slug(s), comma-separated (default: all)</li>
<li><code>orderby</code> — <code>menu_order</code> | <code>title</code> | <code>date</code> (default: <code>menu_order</code>)</li>
<li><code>order</code> — <code>ASC</code> | <code>DESC</code> (default: <code>ASC</code>)</li>
<li><code>limit</code> — number of items, <code>-1</code> for all (default: <code>-1</code>)</li>
<li><code>show_titles</code> — show category headings: <code>true</code> | <code>false</code> (default: <code>true</code>)</li>
<li><code>toc</code> — table of contents position: <code>none</code> | <code>above</code> | <code>sidebar</code> (default: global setting)</li>
<li><code>class</code> — extra CSS class on the wrapper</li>
</ul>
Customisation:
The plugin uses CSS custom properties that can be overridden in your theme:
<pre><code>--hnd-faq-accent, `--hnd-faq-accent-bg`, `--hnd-faq-head-bg`, `--hnd-faq-border-color`, `--hnd-faq-border-radius`, and more. All visual settings are also available from **FAQ → Settings** with a live preview.
</code></pre>

HND FAQ – Frequently Asked Questions

FAQ accordion with Schema.org markup, Gutenberg block, Elementor widget, Table of Contents, live search, drag & drop reorder, and more.

TrainedPixels FAQ Builder vs HND FAQ – Frequently Asked Questions