Lagom WHMCS Client Theme Documentation
Docs v2.x
/ /website-builder/ /leased-bundle/ /extensions/ /module-integration/ /order-form/

# Section Frequently Asked Questions

The "FAQ" (see demo) (opens new window) section type offers an efficient way to incorporate a Frequently Asked Questions segment into your website. With this feature, you can provide valuable information to your visitors, addressing common queries they may have about your products, services, or offerings. The "FAQ" section allows you to present questions and their corresponding answers in an organized and accessible manner, streamlining user experience and minimizing the need for users to contact support for basic inquiries.

# Section Description

  1. Caption - Caption text shown above section title. Leave this field empty if you do not want to display that element.
  2. Title - Section title placed in <h2> tag. HTML tags are allowed in that field.
  3. Subtitle - Section subtitle, placed below section title. Leave this field empty if you do not want to display that element.

# Frontend

The choices from the management section above will be displayed as depicted below

# FAQ List

This section enables you to seamlessly add and oversee FAQ items. You can input titles and necessary descriptions to craft answers for frequently asked questions

# FAQ Items

  1. Item - FAQ list item, which display its title and description.
  2. Edit - Edit buttons opens modal, where you can customize the FAQ item.
  3. Remove - Remove FAQ item from the list.
  4. Add New - Add new FAQ item to the list - learn more.

# Add FAQ Item

# Item Title

Enter FAQ title which then will be shown in the frontend as in below example:

# Item Description

Provide the description for the FAQ item. This field utilizes a text editor allowing you to effortlessly customize the text you are entering.

Item description will be shown on the frontend as in below example:

# Item Custom Class

Enables you to allocate a personalized HTML class to the currently edited FAQ item. This feature empowers you to uniquely style and modify the item using custom CSS rules.

# Group Section

The "Group section content" function enables you to create multiple item groups that will be displayed on the frontend as distinct tabs.

See below example how groups are displayed on the website fronted:

# Manage Group

  1. Group Name - Set the group name, which then will be shown as "tab", above FAQ items list.
  2. Close/Open - Click to hide or expand management options.
  3. Remove - Click to remove group and its items.
  4. Add Group - Click to create new group, where you can assign new FAQ items.

# FAQ Settings

  1. FAQ Type - Choose how FAQ items are displayed on your website.
    • Type 1 - Accordion. Only one item can stay open at a time.
    • Type 2 - Collapsible list. Multiple items can stay open at the same time.
    • Type 3 - Expanded list with fully visible titles and descriptions.
  2. FAQ Item Style - Choose the style of the FAQ items list.
  3. Close Items by Default - Shows all FAQ items closed when the page loads. This option applies to Accordion and Collapsible List types.

# Type 1 - Accordion

Accordion displays FAQ items as expandable elements. Only one item can stay open at a time. When a visitor opens another item, the previously opened item closes automatically.

# Style "Default"

# Style "Divided"

# Style "Boxed"

# Type 2 - Collapsible List

Collapsible List displays FAQ items as expandable elements. Multiple items can stay open at the same time, so visitors can compare several answers without closing the previous ones.

# Style "Default"

# Style "Divided"

# Style "Boxed"

# Type 3 - Expanded List

Expanded List displays all FAQ titles and descriptions as fully visible content. Items are not collapsed and do not need to be opened manually.

# Style "Default"

# Style "Divided"

# Style "Boxed"

# Section Advanced Settings

  1. Combine This Section With Section Below - When activated it will remove bottom padding and border from this section. This setting was designed to combine two sections into single section - learn more.
  2. Overlay Section Below on This Section - This setting pull below section over this section, moreover it adds additional bottom padding - learn more.
  3. Section Anchor - Allows to set name for the section anchor, which then could be used, to link people to specific section - learn more.
  4. Section Custom Class - This setting assign custom classes to the section container - learn more.

← Section Featured TLDs →