Settings

To start creating new frequently asked questions, go to the FAQs menu in your WordPress dashboard and click on Create FAQ.

Add the new FAQ by selecting FAQ. Enter the title for the question and add additional text for the answer.

After writing the question and answer, you can assign it to a specific category (or add a new one) to make it easier for your users to filter the FAQs.

Now, you can Publish your first FAQ! Every created FAQ will show in the related section where you can enable or disable them, based on whether you want to show or hide them on your site.

After adding your FAQs, you can start creating shortcode presets to show them on specific pages, in the footer, in a sidebar, or any of your widget areas. 

Go to YITH > FAQ > FAQ shortcodes and click on Create shortcode.

Now configure the available options as described below:

• Name: enter the name that will define the shortcode;
• Shortcode type: choose the type of shortcode between FAQ List and FAQ Summary. 

FAQ List

By selecting FAQ List, a set of options will show:

• Show search box: enable to show the search option on the FAQs page and let your users find the FAQs more easily and quickly ;
• Show category filters: enable to show categories to filter FAQs. Users will be able to check the FAQs based on the topics they are more interested in;
• Choose the style: decide how to show the FAQs:
  • List: basic style
  • Accordion: if you open one question, the other one will automatically close

• Toggle: you can open all questions one by one, the others will not automatically close

• Show pagination: if enabled, you can decide the number of FAQs to show per page through the option
  • FAQs per page: choose a value from 5 to 20;

• FAQs to show: choose to show All FAQs or only specific FAQ categories by selecting them through the option
  • Categories to display: add one or more FAQ categories. This can be useful if you want to create a different FAQ page for each category and you need a different shortcode per page.

By selecting the Accordion or the Toggle style, you will also be able to choose how to show FAQs from:

• all closed
• all expanded
• or only the first FAQ expanded

You can choose whether to show an icon or not and select the position:

• right
• left

If you decide to show an icon, you can choose it from the available ones and define the size (in px) with a value from 8 to 40.

FAQ Summary

By selecting FAQ Summary, the following set of options will show:

• Block title: type the title that will define the block of FAQs;
• Title type: select the heading for the block title;
• FAQs to show: choose to show All FAQs or only specific FAQ categories by selecting them through the option
  • Categories to display: add one or more FAQ categories. This can be useful if you want to create a different FAQ page for each category and you need a different shortcode per page;
• FAQ page: select the FAQ page for the redirect.

Now you can click on Create shortcode and create as many shortcodes as you want. After creating them, they will be listed in the FAQ Shortcodes tab like in the image below.

You can copy, edit, clone, or delete any of the shortcodes you have created.

To show the FAQ page, you can either add a new page in the backend or use the shortcode you have created on an existing page.

When you create the page, add a title and, optionally, an additional text, then insert the shortcode that will allow printing the FAQs you have created.

In our example, we have inserted the FAQ preset shortcode, so we are now able to choose from one of the FAQ shortcode presets we have previously created.

We have selected the Summary1 preset and this is how the page will look like.

If you have created a FAQ shortcode preset that you want to show only on one or some specific products, you can easily add it from the product edit page > FAQ.

To show the FAQ tab on the product page, enable the option Show FAQ tab.

Give a name to the tab by entering the text in the field Tab label.

Now select the preset you want to show on the product through the option FAQ to show.

This is an example of the FAQ tab on the product page.

From the tab Customization, you can globally configure the style options for the search, filters, icon, FAQ, and pagination.

Search

• Search field: choose the colors for the search field background, border, and placeholder text;
• Search button: choose the colors for the search button background and icon.

Filters

• Filters layout: choose the filter layout from Pill and Minimal;
• Colors for filters section: choose the colors for the filters section background, border, and text.

Icon

• Colors for FAQ icons: choose the colors for the icon and background;
• Border radius: set the icon border radius values (in px).

FAQ

• FAQ layout: choose the FAQ layout from Pill and Minimal;
• FAQ colors: choose the colors for the FAQ background, border, text and content;
• Border radius: set the icon border radius values (in px);
• Show “Copy FAQ” link: enable this option if you want to show a button to copy the FAQs link. If enabled, you can choose the colors of the background, icon and text, and border of the button and set the border radius;

• AJAX loader: select the Ajax loader to use by choosing from:
  • default loader. By selecting this option, you will be able to choose the color for the loader;
  • or custom loader. By selecting this option, you will be able to upload your custom loader;

Pagination

• Pagination style: choose the pagination layout from Pill and Minimal;
• Pagination colors: choose the colors for the pagination background, border, and text.

The plugin is ready to use with the block editor. When you add a new post or page, you will be able to find our YITH shortcodes and widgets. With a simple click, they will be added to your page.