Search Knowledge Base by Keyword
This KB documentation is using Advanced Search, Links Editor and Elegant Layouts add-ons.
FAQs Shortcode / Block
Overview
Frequently Asked Questions (FAQs) can be displayed:
a) anywhere using KB FAQs Block see FAQs Block
b) anywhere using the FAQ shortcode – see details below
c) on the KB Main Page using either the FAQs Module
FAQ Shortcode Example
Our plugin includes an FAQ builder that easily generates FAQ shortcodes. It comes with pre-made FAQ styles.
FAQs Shortcode Parameters
The FAQ shortcode offers the following parameters to customize its appearance and content. Our plugin includes an FAQ builder that easily generates FAQ shortcodes. It comes with pre-made FAQ styles.
Shortcode parameters:
- title: Sets the title of the FAQs section.
- design: Lets you choose from eight predefined design styles.
- class: Optional. Allows you to add custom CSS classes for styling.
- title_alignment: ‘none’, ‘left’, ‘center’, ‘right’
- number_of_columns: 1 or 2
- border_mode: ‘none’, ‘all_around’, ‘separator’
- icon_type: ‘icon_plus_box’, ‘icon_plus_circle’, ‘icon_plus’, ‘icon_arrow_caret’, ‘icon_arrow_angle’
- icon_location: ‘no_icons’, ‘left’, ‘right’
- compact_mode: ‘compact_small’, ‘compact_medium’
- open_mode: ‘accordion_mode’, ‘toggle_mode’, ‘show_all_mode’
- group_ids: Accepts one or more group IDs to display specific sets of questions.
%crel_bracket_open%epkb-faqs title="Frequenly Asked Questions" design=1 group_ids=4687%crel_bracket_close%
It is possible to enhance the styling of your FAQs by incorporating custom CSS. This can be achieved by utilizing Javascript and CSS to target specific elements and apply the desired styles. However, please be advised that support for advanced customization is not provided by our team.
// Adding your own custom Class
%crel_bracket_open%epkb-faqs title="Frequenly Asked Questions" group_ids=4687 class="custom-class"%crel_bracket_close%
Premade Designs
The following premade FAQ designs will change the visual presentation of your questions and the way answers are revealed. We have 18 pre-made designs in total.
Advanced Styling
This code hides the category names.
/* Hide Category Names */
.epkb-faqs-container .epkb-faqs__cat-header{
display: none !important;
}
