> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/content-and-information/faqs.md).

# FAQs

The **FAQ module** uses collapsible sections to present common questions and answers in a clean and user-friendly layout. It is ideal for providing quick support and reducing repetitive inquiries related to products, services, policies, etc.

***

### 🎨 Styling Options

* **Color Scheme**\
  Select or customize a color scheme to define the visual style of all elements, including background and text colors. It's recommended to align with your brand’s visual identity.

***

### 🧱 Block Structure & Available Content

**1. Header Area**

This section introduces the FAQ block with a title, description, or call-to-action. It supports the following blocks:

* Badge Group
* Button / Button Group
* Countdown Timer
* Description
* Discount Code
* Follow Us
* Heading / Subheading
* Highlighted Stats
* Icon / Icon with Text
* Keywords
* Link Group
* Social Media List
* Video Button
* Text Link
* Spacer

***

**2. Collapsible FAQ List**

Each FAQ item is grouped and expandable:

* **FAQ Group Title**\
  Serves as the heading for a group of FAQs. You can include:
  * Icons
  * Optional image
  * Title text (e.g., “Shipping Questions”, “Account Issues”)
* **Collapsible Item**\
  Each item contains:
  * A **title** (the question)
  * A **content area** (the answer)
  * Optional setting to **expand by default**

***

**3. Optional Form Block**

Used for collecting feedback or unresolved questions at the end of the FAQ section. Configuration options include:

* Image upload (e.g., customer service QR code)
* Title and description
* Text alignment (left or center)
* Enable/disable phone number field

***

#### ✅ Recommendations

* Organize questions into logical categories to improve readability and user experience.
* Use consistent iconography and color schemes for clarity.
* Enable the form if users may need further assistance beyond the listed questions.