Print

FAQs Shortcode

The FAQs shortcode is designed to display articles from specific categories, as selected in the shortcode parameters. It is currently in the beta or experimental stage, meaning that it is still being tested and refined. Please be aware that this shortcode may not be fully stable and may change or be removed in the future. If you have any further questions or concerns, please don’t hesitate to reach out.

The FAQ shortcode will only display the listed categories and not their child categories. However, if a user adds a child category ID, it will appear in the list of categories as if it were a parent category.

See comments for parameter descriptions.

WordPress Shortcode
// kb_id - The ID of the Knowledge Base to use.
// category_ids - The ID's of the Categories to display.
// class - The top level class to style the FAQs. See below for additional style options.
// preset - Custom Predefined styling
%crel_bracket_open%epkb-faqs kb_id="2" category_ids="50,54,59,57,60,61,62,65,66" class=""%crel_bracket_close%

Please note that the styling and appearance of the articles within the FAQs shortcode may not be consistent within the Knowledge Base articles and the FAQs due to the issue of pulling CSS and JS files from those articles themselves. However, these options may help you achieve the desired look and feel for your knowledge base.

Styling and look: There are a two options you can consider if you want to alter the styling and appearance of the articles displayed in the FAQs:

  • Use Gutenberg, the default WordPress editor, for your knowledge base articles. This will allow the articles to display correctly in the FAQs because Gutenberg inserts all user-controlled styling directly into the HTML.
  • Use the "excerpt" option to only output the excerpt.
FAQs shortcode used inside KB article

When utilizing the FAQs shortcode within a KB article, the FAQs will not display the same content as the KB article in which it is embedded. This is to avoid redundancy and ensure a more streamlined user experience.

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.

WordPress Shortcode
// Adding your own custom Class
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" class="custom-class"%crel_bracket_close%

The FAQs shortcode currently comes with 4 different presets

  • Default ( No Value )
  • Boxed
  • Grey Boxed
  • Grey Boxed Dark

This FAQ design is the default display without using any Preset value.

Click to zoom
WordPress Shortcode
// Adding your own custom Class
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50"%crel_bracket_close%

This FAQ design is a boxed style, using the preset value of Boxed

preset="Boxed"

Click to zoom
WordPress Shortcode
// Preset value "Boxed"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Boxed"%crel_bracket_close%

This FAQ design is a boxed style with light grey, using the preset value of Grey Box

preset="Grey Box"

Click to zoom
WordPress Shortcode
// Preset value "Grey Box"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Grey Box"%crel_bracket_close%

This FAQ design is a boxed style with darker grey, using the preset value of Grey Box 2

preset="Grey Box Dark"

Click to zoom
WordPress Shortcode
// Preset value "Grey Box 2"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Grey Box Dark"%crel_bracket_close%

This code hides the category names.

CSS
/* Hide Category Names */
 .epkb-faqs-container .epkb-faqs__cat-header{
  display: none !important;
}
Do You Have FAQ Style That You Like us to add?

Contact us here to suggest new FAQ styles.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Table of Contents