FAQ Section

Overview

The FAQ Section displays questions and answers in an organized, easy-to-navigate format. Customers can expand questions to view answers, making it simple to find the information they need without scrolling through long blocks of text.

The FAQ Section helps:

• Answer common questions before customers contact support
• Reduce support ticket volume and response time
• Build confidence by addressing potential concerns
• Improve customer experience with self-service information
• Reduce cart abandonment by clarifying policies

Design Layouts

The FAQ Section provides multiple professionally designed layouts. Each layout changes how questions and answers are displayed.

Available layout options include:

• Design 1 — Accordion style with expandable/collapsible questions
• Design 2 — Tabbed layout with category tabs and question lists
• Design 3 — Two-column layout with questions on left, answers on right
• Design 4 — Card-style with each FAQ in its own bordered card
• Design 5 — Minimal list with questions as links to answer sections

Figure 1: FAQ Section with accordion-style expandable questions

Color & Style Options

The FAQ Section inherits colours from your global Color & Style configuration. You can customize specific elements for better readability.

Customizable elements include:

• Question Text Colour — Colour of the question headings
• Answer Text Colour — Colour of the answer content
• Accordion Background — Background of expandable question items
• Accordion Border — Border style and colour between items
• Expand Icon — Plus/minus or arrow icon colour and style
• Active State — Colour when a question is expanded
• Section Background — Background colour of the entire FAQ section

FAQ Categories

Organize your FAQs into categories to help customers find relevant information faster. Categories group related questions together for easier navigation.

Common FAQ categories include:

• Orders — Placing orders, order modifications, cancellations
• Shipping — Delivery times, shipping methods, tracking
• Returns — Return policy, refund process, exchange procedures
• Products — Product information, sizing, availability
• Payments — Payment methods, failed transactions, refunds
• Account — Account creation, password reset, profile management

// Example FAQ category structure
Orders
├── How do I place an order?
├── Can I modify my order after placing it?
└── How do I cancel my order?

Shipping
├── What are the delivery timelines?
├── Do you offer free shipping?
└── How can I track my order?

Returns
├── What is your return policy?
├── How do I initiate a return?
└── When will I receive my refund?

FAQ Items

Add individual questions and answers to your FAQ section. Each item should address a specific customer concern clearly and concisely.

Each FAQ item includes:

• Question — The customer question (keep it clear and specific)
• Answer — The detailed response (be thorough but concise)
• Category — The category the question belongs to

// Example FAQ items
Q: What is your return policy?
A: We offer a 30-day return policy on all products. Items must be unused 
   and in original packaging. Refunds are processed within 5-7 business 
   days after we receive the returned item.

Q: How long does delivery take?
A: Standard delivery takes 3-5 business days. Express delivery is 
   available for select locations with delivery within 1-2 business days.

Q: What payment methods do you accept?
A: We accept all major credit cards, debit cards, UPI, net banking, 
   and Cash on Delivery (COD) for eligible orders.

Section Title

Configure the heading text displayed above the FAQ section.

// Example section titles
"Frequently Asked Questions"
"Got Questions?"
"Common Questions"
"How Can We Help?"

You can also add a sub-heading or introductory text to encourage customers to browse the FAQs.

Best Practices

• Include questions that customers actually ask — review support tickets for ideas
• Keep answers concise but complete — aim for 2-4 sentences per answer
• Organize questions into logical categories for easier navigation
• Update FAQs regularly as new questions arise or policies change
• Use clear, simple language — avoid jargon or technical terms
• Place this section near the footer or before the Contact section
• Include a link to contact support for questions not covered in FAQs
• Use the accordion layout to prevent information overload
• Highlight important policy information (returns, shipping) prominently
• Test the FAQ section on mobile — expandable items should work smoothly