AI Product Tools
Generators

FAQ Display

Control how generated FAQs look on the product page, the [aipt_faq] shortcode, themes, style controls and structured data.

Once the FAQ Generator has written and applied a product's FAQs, this page's Display tab decides how they look on your storefront: accordion or a flat list, where they appear, and on Business, full styling and Schema.org structured data.

Before you start

Display settings are site-wide, they apply to every product's FAQs at once, not per product. You need permission to manage WooCommerce to change them. Open AI Product Tools > AI Generators, click the FAQ Generator card, then switch to the Display tab.

Display mode and location

FAQ Display tab showing Display Mode set to Accordion and Display Location options
Display Mode and Display Location are free on every plan. The Live Preview on the right updates as you change settings.

Display Mode chooses between an Accordion (collapsible, one question open at a time) and a Flat List (every question and answer always visible). Display Location chooses between Automatic, which shows the FAQs right after the product summary on every product page, and Shortcode, which shows nothing until you place [aipt_faq] yourself.

On the storefront, the default Accordion looks like this:

Product page on the Storefront theme showing the default FAQ accordion with collapsible questions
The default theme on a product page, using the Storefront theme.

Q/A Labels (show or hide short "Q" and "A" prefixes, and edit their text up to 20 characters) only appears when Display Mode is Flat List; an accordion's question already reads as a question, so no prefix is shown there.

The shortcode

Use [aipt_faq] to show the current product's FAQs anywhere in a page or post, or [aipt_faq product_id="123"] to show a specific product's FAQs on a different page entirely, for example a dedicated FAQ or support page.

A standalone page titled Hat Questions rendering FAQs for one product via the aipt_faq shortcode
A dedicated page using the shortcode with a product_id attribute, to show one product's FAQs outside its own product page.

The shortcode renders the exact same accordion or flat markup the automatic placement would, and loads the FAQ stylesheet only on pages where it is actually used.

Themes and style controls

Choose a Theme Preset, then open Customization for full control: Colors (question, answer, background, border), Typography (font family, size, weight), Spacing (padding, margin, the gap between items, each side adjustable together or independently), Borders (radius per corner, width per side), an Icon Style for the accordion toggle (chevron, plus, arrow or caret), and an open and close Animation (none, fade, slide or smooth).

Business Customization panel with Icon Style, Animation and Advanced sections including Custom CSS and Schema.org JSON-LD
Full styling control on Business, including Icon Style, Animation, Custom CSS and the Schema.org toggle.

Viewed with the Dark theme on the storefront:

Product page FAQ accordion rendered in the Dark theme preset
One of the five Business-only theme presets applied to the same product.

Free keeps the Default theme and the free controls above; everything else in this section is a locked preview with an upgrade prompt, never a hidden control:

Theme Preset grid on Free with only Default selectable and the Customization section locked
On Free, every preset but Default is locked, and the whole Customization group is replaced by an upgrade summary.

Custom CSS and container class

Under Advanced, Business sites can add a Custom CSS Class to the FAQ container for targeting it from a theme or page builder, and write up to 10,240 characters of Custom CSS directly, applied only on pages that actually render the FAQs.

Schema.org structured data

The Schema.org JSON-LD checkbox (Business, under Advanced) adds a separate FAQPage block to the page, one Question entry per question with its acceptedAnswer, matching the format search engines look for when deciding whether to show an FAQ rich result in search. It has no visible effect on the page itself.

To confirm it is working, open Google's Rich Results Test in a browser, enter the product page's URL (or paste the page's HTML), and run the test. A page with the toggle on and at least one applied FAQ should show an eligible FAQPage result; if it does not, confirm the toggle is saved on and the product actually has applied FAQs, then clear any page cache before testing again.

Reset to Defaults

The Reset to Defaults button (with a confirmation) deletes all saved display settings, including any Business customization, back to Accordion, Automatic, and the Default theme. It cannot be undone from within the plugin.

Reference

SettingDefaultPlan
Display Mode (Accordion / Flat List)AccordionFree
Display Location (Automatic / Shortcode)AutomaticFree
Q/A Labels (Flat List only), custom text up to 20 characters eachShown, "Q" / "A"Free
Theme PresetDefaultDefault: Free. Minimal, Bordered, Dark, Gradient, Elegant: Business
Colors, Typography, Spacing, BordersPlugin defaultsBusiness
Icon Style (chevron, plus, arrow, caret)ChevronBusiness
Animation (none, fade, slide, smooth)SmoothBusiness
Custom CSS classEmptyBusiness
Custom CSSEmpty, up to 10,240 charactersBusiness
Schema.org FAQPage JSON-LDOffBusiness

Free vs Business

CapabilityFreeBusiness
Display Mode, Display Location, Q/A LabelsYesYes
Shortcode ([aipt_faq], [aipt_faq product_id])YesYes
Theme presets beyond DefaultNot available5 extra presets
Colors, typography, spacing, bordersNot availableFull control
Icon style, animationChevron and Smooth onlyAll options
Custom container class, Custom CSSNot availableAvailable
Schema.org structured dataNot availableAvailable

If a site's plan changes and a saved setting is no longer included, the next save keeps that one field within the Free range instead of rejecting the whole save, and the page explains which field it was and why.

Troubleshooting