PUQ Mautic Skip to main content

Question Answer

Page Manager addon WHMCS

Order now | Download | FAQ

The Question Answer widget renders a FAQ or Q&A section with expandable answers. Each entry has a question and a rich-text answer. Ten visual styles are available, including accordion, grid, bubble, tabbed, and timeline layouts.


Admin View

Question Answer widget in the page editor question-answer-01-admin.png


Frontend Styles

Style: default question-answer-02-style-default.png

Style: border question-answer-03-style-border.png

Style: bubble question-answer-04-style-bubble.png

Style: grid question-answer-05-style-grid.png

Style: minimal question-answer-06-style-minimal.png

Style: cards question-answer-07-style-cards.png

Style: neon question-answer-08-style-neon.png

Style: tabs question-answer-09-style-tabs.png

Style: timeline question-answer-10-style-timeline.png

Style: split question-answer-11-style-split.png


Settings

Layout

Setting Description
width Widget container width (e.g. 100%, 900px)
margin-top Top margin of the widget block
margin-bottom Bottom margin of the widget block
Style Visual style template (puq, puq-border, puq-bubble, puq-cards, puq-grid, puq-minimal, puq-neon, puq-split, puq-tabs, puq-timeline)

Colors

Setting Description
Question text (color_1) Color of the question text
Question panel (color_2) Background color of the question panel
Question panel hover (color_3) Background color of the question panel on hover
Answer text (color_4) Color of the answer text
Answer panel (color_5) Background color of the answer panel
Color 6 (color_6) Additional accent color used by certain styles

Background

Setting Description
Background image URL of the background image for the widget container
Background color Background color of the widget container
Disable Shadow Remove the drop shadow from the widget container
Disable Radius top Remove top corner rounding
Disable Radius bottom Remove bottom corner rounding
Disable Background Remove the background panel entirely
Full width Stretch the widget to the full page width

Header

Setting Description
Header Heading text above the Q&A list (e.g. Frequently Asked Questions)
Text color Color of the header text
Disable header Hide the header text

Q&A Items

Use the + button to add question and answer pairs. Each row contains:

Field Description
Question The question text displayed in the collapsed panel
Answer The answer content shown when the panel is expanded (supports rich text)

Items can be reordered with the up/down arrows and removed with the delete button.