Installation

Installation of WP FAQ Pro requires a few small clicks. To install the plugin, please use the following steps:

  • Buy WP FAQ Pro Plugin and upload the wp-faq-pro folder to the ‘/wp-content/plugins/’ directory.
  • You can also go to Plugins-> Add New -> Upload and uplaod the wp-faq-pro.zip file.
  • Activate the WP FAQ Pro plugin through the ‘Plugins’ menu in WordPress.
  • Enter the FAQ Plugin License under Plugins -> FAQ Plugin License.

WP FAQ Pro plugin should now be installed successfully!

Getting started with WP FAQ Pro

WP FAQ Pro plugin adds a Menu tab in WP Admin side with the name “FAQ Pro” where you can add new FAQ post, edit and delete.

Screen shows “FAQ Pro” tab and faq post added.
wordpress-faq-plugin-1

You can also add categories for FAQ. To add a category just got to FAQ Pro -> FAQ Category and add category. Once you add the category plugin will create a shortcode with category
eg. [sp_faq category="13"]

Screen shows FAQ Category Page view
wordpress-faq-plugin-2

To add a New FAQ Post Just go to FAQ Pro Tab and add click on Add New and insert FAQ title and content as you add for WordPress post.

Bellow screen shows how to add a FAQ post.
wordpress-faq-plugin-3

How to display and shortcodes

Display a FAQ page is very simple. Just go to Pages-> add New and add page title ie FAQ and shortcode [sp_faq]
faq-page

This plugin contains following shortcode options:

1) Display FAQ in a page (list view and grid view)
[sp_faq limit="10"]
Display Only 10 FAQ posts.

2) Display FAQ by category FAQ Pro -> FAQ Category
[sp_faq category="category_ID"]

3) WP FAQ Pro Plugin contain predefined 8 colors design with customization parameters
[sp_faq design="design-1" ]
Where designs are : design-1, design-2 to design-8

You can also Customize any design as per your need with following parameter. Say you want to customize design-1 then you need to add the following shortcode parameters.
[sp_faq design="design-1" background_color="#000" font_color="#fff" border_color="#444" icon_color="white" icon_type="plus" icon_position="left"]

Added New Shortcode to display FAQ’s items with categories in the grid view

[faq-category-grid grid="2" background_color="#f1f1f1"font_color="#000" heading_font_size="20"]

FAQ’s with Custom Order

You can display FAQ’s in custom order with Drag & Drop interface. Click on ‘Sort FAQs’ link on FAQ’s listing page, Drag FAQ’s row and click the ‘Save Sort Order’ button to save.
faqs-reorder

Note: Put orderby='menu_order' order="ASC" parameter in FAQ shortcode for custom ordering.

Shortcode Parameters

FAQ Pro complete shortcode with all parameters

Where parameters are:

  • Limit: [sp_faq limit="10"] ( Limit the number FAQ’s items to be display. By default value is limit=”20″; Use -1 to display all FAQ.)
  • Category: [sp_faq category="category_ID"] (Display FAQ’s by category.)
  • Include Cat Child: [sp_faq include_cat_child="true"] (Display child category FAQ. Values are “true” OR “false”.)
  • Category Name: [sp_faq category_name="category name"](Display FAQ’s category name which you want to display. It will display above FAQ.)
  • Design: [sp_faq design="design-1"] (Select design for faq. There are 15 design you can use. ie design-1, design-2, design-3 to design-8)
  • Single Open: [sp_faq single_open="true"] (Remain open one FAQ at a time. By default value is “true”. Values are “true” OR “false”)
  • Default Open FAQ: [sp_faq default_open_faq="2"] (Default open FAQ on page load.)
  • Transition Speed: [sp_faq transition_speed="300"] (Transition speed when user click to open FAQ item.)
  • Background Color: [sp_faq background_color="#000"](Set background color of FAQ item.)
  • Font Color: [sp_faq font_color="#fff"] (Set font color of FAQ item.)
  • Border Color: [sp_faq border_color="#444"] (Set border color of FAQ item.)
  • Heading Font Size: [sp_faq heading_font_size="20"] (Set font size for FAQ heading.)
  • Icon Color: [sp_faq icon_color="white"] (Set the icon color. By default value is “black”. Options are “black” OR white”.)
  • Icon Type: [sp_faq icon_type="plus"] (Set the icon type. By default value is “arrow”. Options are “plus” OR arrow”.)
  • Icon Position: [sp_faq icon_position="left"] (Set the icon position. By default value is “right”. Options are “left” OR right”.)
  • Order: [sp_faq order="DESC"] (Set the FAQ’s order. By default value is “DESC”. Options are “DESC” OR ASC”)
  • Order By: [sp_faq orderby="post_date"] (Set the FAQ’s sort by. By default value is “post_date”. Options are “ID”, “title”, “post_date”, “modified”, “rand”, “menu_order”.)
  • Posts: [sp_faq posts="1,5,6"] (Display only specific FAQ posts. You can pass multiple post id by comma separated.)
  • Exclude Post: [sp_faq exclude_post="1,5,6"] (Exclude some FAQ post which you do not want to display. You can pass multiple post id by comma separated.)
  • Exclude Category: [sp_faq exclude_cat="1,5,6"] (Exclude some FAQ category which you do not want to display. You can pass multiple category id by comma separated.)

FAQ Category grid shortcode with all parameters

Where parameters are:

  • Limit: [faq-category-grid limit="10"] (Limit the number FAQ’s items to be display. By default value is limit=”20″; Use -1 to display all FAQ.)
  • Grid: [faq-category-grid grid="2"] (Display FAQ’s category in grid view.)
  • Border Color: [faq-category-grid border_color="#444"] (Set border color of FAQ box.)
  • Background Color: [faq-category-grid background_color="#000"](Set background color of FAQ item.)
  • Font Color: [faq-category-grid font_color="#fff"] (Set font color of FAQ item.)
  • Order: [faq-category-grid order="DESC"] (Set the FAQ’s order. By default value is “DESC”. Options are “DESC” OR ASC”)
  • Order By: [faq-category-grid orderby="post_date"] (Set the FAQ’s sort by. By default value is “post_date”. Options are “ID”, “title”, “post_date”, “modified”, “rand”, “menu_order”.)
  • Posts: [faq-category-grid posts="1,5,6"] (Display only specific FAQ posts. You can pass multiple post id by comma separated.)
  • Exclude Post: [faq-category-grid exclude_post="1,5,6"] (Exclude some FAQ post which you do not want to display. You can pass multiple post id by comma separated.)
  • Category: [faq-category-grid cats="1,2,3"] (Display FAQ’s for specific category.)
  • Category Order By: [faq-category-grid cat_orderby="name"] (Order FAQ category. Default value is ‘name’. Options are ‘name’, ‘slug’, ‘id’ OR ‘count’)
  • Category Order: [faq-category-grid cat_order="ASC"] (Set the FAQ category order. Options are “DESC” OR ASC”)
  • Cat Limit: [faq-category-grid cat_limit="10"] (Limit the number of FAQ’s category. Leave empty for all.)
  • Exclude Category: [faq-category-grid exclude_cat="1,5,6"] (Exclude some FAQ category which you do not want to display. You can pass multiple category id by comma separated.)
  • Display Post Count: [faq-category-grid display_post_count="true"] (Display FAQ post count with category name. Options are ‘true’ or ‘false’.)
  • Post To Show: [faq-category-grid post_to_show="2"] (Display FAQ post at a time in category block, others will be toggle.)
  • Show More Button: [faq-category-grid show_more_button="Show More"] (Change show more button text.)
  • Show Less Button: [faq-category-grid show_less_button="Show Less"] (Change show less button text.)

Working with WooCommerce

A) Display FAQ under product description section. To Enable, check Enable WooCommerce FAQ and add WooCommerce FAQ Tab Text.
faq-setting

B) Once Enable WooCommerce FAQ is checked, you can find a FAQ PRO tab under Product meta section. Just enable FAQ and add the shortcode with parameter needed.
Edit Product ‹ Awesome WordPress — WordPress 2016-06-21 11-52-55