How To Display FAQs Grouped By Category with Easy FAQs Pro

FAQs are a great front line defense for any product or service support. Publishing common questions and their answers in an easy to find format can reduce customer service requests, increase the chance that customers successfully use your product or service, and, as a result, increase overall customer satisfaction.

Once your knowledge base has grown large enough, displaying FAQs in a per-category grouping, collapsed with the accordion feature, provides an efficient and intuitive way for people to browse your FAQs and find the information they are looking for.

There are several steps to displaying FAQs grouped by Categories:

  1. First, you need to create the categories that will be used.
  2. Next, you will want to create the FAQs, making sure to place each one in the appropriate category. You can place FAQs in multiple categories, but this will cause one FAQ to be displayed in each Category it is listed in.
  3. Thirdly, decide on any desired layout. Our instructions will tell you how to output Headings and the collapsed lists of FAQs; if you desire any multi-column layouts or other custom styling, you will have to come up with it yourself. Gold Members can always contact Support for guidance customizing the plugin on their site.
  4. Finally, it is time to output the FAQs!

Step 1: Create FAQ Categories

To manage the FAQ Categories, use your admin navigation to browse to Faqs -> FAQ Category. You will see a screen similar to the below screenshot.

FAQ Category Screen
FAQ Category Screen

For our example, we will create four Categories: Easy FAQs, Easy Testimonials, WP Social Pro, and Custom Banners. You can add descriptions, for internal reference, but they will not be displayed publicly. Once you have created your Categories, and noted the slugs for each category, you are ready to proceed to the next step.

Step 2: Create FAQs and Assign Them to Categories

Your next step is to create your FAQs and assign them to their relevant Categories. To begin, use your admin navigation to browse to Faqs -> Add New FAQ. You will see a screen similar to the below screenshot.

This is the Add New FAQ screen.
This is the Add New FAQ screen.

The Title of the FAQ will be displayed as the question — this is clickable if you are using the Accordion functionality. The Body of the FAQ is the Answer. When you add your FAQ, be sure to assign it to a Category by clicking the appropriate checkbox, on the right.

Once you have added all of your desired FAQs, it is time to proceed to the next step.

Step 3: Pick your desired layout, and set up your CSS

Gold Members can contact support for guidance in customizing any CSS to achieve their goals. While we can’t promise everything, our expert technicians will do their best to provide any CSS needed to customize the plugin for your needs.

For ease of use, we have provided a Custom CSS field on our Settings page. It is recommended to put any permanent CSS inside your theme’s stylesheet, if you can.

Once your styling is done, you are ready to display your FAQs on your site!

Step 4: Output the FAQs

Now it’s time to output your FAQs! Using the category slugs that were generated during Step 1, the following HTML and Shortcodes will output a list of FAQs, grouped by Category, with each Category as an Accordion. The category slugs will vary, based on what you named your Categories. The Accordion is a PRO feature – click here for more information on purchasing Easy FAQs Pro.

Update: as of version 1.2.3, you can use this shortcode to achieve the same effect as described below: [faqs-by-category style=”accordion-collapsed”]

<div style="width:80%;margin:0 auto;">
<h4>Custom Banners</h4>
[faqs category='custom-banners' style='accordion']

<h4>Easy FAQs</h4>
[faqs category='easy-faqs' style='accordion']

<h4>Easy Testimonials</h4>
[faqs category='easy-testimonials' style='accordion']

<h4>WP Social Pro</h4>
[faqs category='wp-social-pro' style='accordion']
</div>

 

And here is the above code in action!

Custom Banners

Who is Illuminati Karate?

Illuminati Karate, Inc., is the parent company of GoldPlugins.com. You may see the name Illuminati Karate on PayPal.com or in various bits of documentation. Don’t worry! It’s just us.

What should I do if I don’t want a call to action button?

Simply leave the call to action text field blank

How do I link the entire Banner to the Target URL and not just the Call To Action Button?

On the Options screen, check the box next to “Link Entire Banner”.

There are grey boxes, weird styling, or font issues occurring in my output. What can I do?

That is unfortunate. One common issue is people who have copied and pasted the shortcodes end up with <code> tags around their shortcode. To check this, click over to your Text Editor and make sure you don’t see any <code> tags around the shortcode — if you do see them, just delete them and your problem should go away. If it doesn’t, Contact Us.

Easy FAQs

Who is Illuminati Karate?

Illuminati Karate, Inc., is the parent company of GoldPlugins.com. You may see the name Illuminati Karate on PayPal.com or in various bits of documentation. Don’t worry! It’s just us.

How Can I Setup Accordion-Style FAQs?

To output a your FAQs in an Accordion Style, add a shortcode like this one to any page:

[faqs category='my-category' style="accordion" theme="future-purple"]

If you prefer the accordion to start with all of the items collapsed, use this shortcode instead:

[faqs category='my-category' style="accordion-collapsed" theme="future-purple"]

Click here to see an example of the Easy FAQs accordion style.

Hey! How do I allow my visitors to submit FAQs?

To add a form to your website that allows your customers to submit new questions, just add this shortcode to any page or post:

[submit_faq]

If you’d like to add the form to a sidebar or other widgetized area, simply look for the Easy FAQs – Submit A Question widget.

Great question! With the Pro version of the plugin, you can do this with our front end form that is output with a shortcode! FAQs will show up as pending on the Dashboard, for admin moderation. Click here to purchase the Pro version.

Urk! This FAQs Plugin is too easy to use! Will you make it more complicated?

Never! Easy is in our name! If by complicated you mean new and easy to use features, there are definitely some on the horizon!

There are grey boxes, weird styling, or font issues occurring in my output. What can I do?

That is unfortunate. One common issue is people who have copied and pasted the shortcodes end up with <code> tags around their shortcode. To check this, click over to your Text Editor and make sure you don’t see any <code> tags around the shortcode — if you do see them, just delete them and your problem should go away. If it doesn’t, Contact Us.

Easy Testimonials

Who is Illuminati Karate?

Illuminati Karate, Inc., is the parent company of GoldPlugins.com. You may see the name Illuminati Karate on PayPal.com or in various bits of documentation. Don’t worry! It’s just us.

Ack! This Testimonials Plugin is too easy to use! Will you make it more complicated?

Never! Easy is in our name! If by complicated you mean new and easy to use features, there are definitely some on the horizon!

Where Do I Download The Plugin?

Click here to download from the WordPress Plugin Directory or click here to view in the WordPress Plugin Directory

There are grey boxes, weird styling, or font issues occurring in my output. What can I do?

That is unfortunate. One common issue is people who have copied and pasted the shortcodes end up with <code> tags around their shortcode. To check this, click over to your Text Editor and make sure you don’t see any <code> tags around the shortcode — if you do see them, just delete them and your problem should go away. If it doesn’t, Contact Us.

Help! I’m Using the Avada Theme and My Testimonials Won’t Cycle!

Never fear, help is here!

This is a know issue – the root of it is that the Avada Theme and us are both using the same Javascript file, Cycle2. Due to how they are using the file, it prevents our plugin from transitioning, out of the box.

To fix this issue, look on our Settings page for an option labeled Use Cycle Fix. Toggling this option should address the issue.

My Random Testimonials Aren’t Random!

Uh oh!

We see this happen for two reasons. The most common reason is users on WP Engine who have random SQL queries disabled (a default WP Engine Setting.) If you are on WP Engine, look for ‘Allow ORDER BY RAND()’ and be sure you have this checked. If it isn’t checked, the same testimonials will always be displayed.

The other common reason this happens is due to aggressive caching. There are myriad caching options out there, and if you have the page with your Random Testimonials cached, then likely you’ll see the same testimonials quite often. They will eventually change, whenever your cache refreshes, but won’t change otherwise. Changing this will be specific to your caching setup.

I want my users to be able to submit new testimonials from the front-end. How can I do that?

Easy Testimonials Pro provides a Testimonial Collection form that allows your customers to leave new testimonials for you right on your website! Its a great way to make sure you always have new testimonials coming in.

When your customers leave you a new testimonial on your website using the Testimonial Collection form it will be added to a review queue in your WordPress dashboard for your approval, just like your comments. New Testimonials won’t be displayed on your website until they have been approved, but once they are approved they can be displayed instantly.

To add the Testimonial Collection form to your website, start by editing the post or page where you’d like to place the form. Then choose the Testimonial Form from the Testimonials menu, or simply add the shortcode [submit_testimonial]. The form will be shown right in this place.

When I Activate Easy Testimonials, I start having trouble with my Cycle2 powered JavaScript!

Oh no! Check the box that is labeled “Disable Cycle2 Output”. This will cease including our JavaScript.

I would really like to change the size of the images that are output. How do I do it?

Another good question! With the Pro version of the plugin, you can do this by controlling the Testimonial Image Size drop down menu on the Settings screen. Depending on your website, using bigger images may require CSS changes to be made.

I love everything about this plugin… but, I don’t know how to use it inside my Template Files! What do I do?

Don’t worry! WordPress has a great function, do_shortcode(), that will allow you to use our shortcodes inside your theme files. For example, to output a Random Testimonial in a Theme file, you would do this:

Yikes! I’m getting a ton of spam!

Never fear, Captcha support is here! Go install and activate the plugin Really Simple Captcha. Once done, make sure you have the “Enable Captcha on Submission Form” box checked on your settings, and you should be good to go! Want a more advanced Captcha? Follow the steps on our Captcha settings screen to use ReCaptcha, instead.

Help! I’m having issues getting the Slider to work on my site!

Try checking the”Use Cycle Fix” option and fully refreshing the page (to make sure any and all caches have cleared) — hopefully everything is working now!

Some of my testimonials are too tall and the text is cut off by the bottom of the slider! What gives?!

Ok! We have the solution to adjust the height to display all of your testimonial! Use the attribute container='1' in your shortcode and the javascript will adjust the height to match the content on each transition.

My customers are submitting testimonials but no images are showing up. What gives?

As a security precaution, our plugin only allows users to upload images of the following file types: PNG, JPG, or GIF. If they attempt to upload a different file type, or choose not to upload an image, then no image will be attached to the Testimonial.

Some servers don’t have write permissions correctly set on the wp-uploads directory – in this situation you would also have issues with customers uploading photos.

What’s Going On?! When I use the [testimonials] shortcode, I’m not seeing anything that looks like your plugin!

Sometimes, your theme or other plugins have shortcodes in the same namespace as ours. In case you suspect this is happening, use the Shortcode Options on the Basic Settings screen to change our shortcodes — typically adding easy_ to our shortcodes will fix the problem!

How do I change the Width of my Testimonials?

Easy! Just add the attribute width=500px or width=33% (be sure to use the full value, ie 500px, or 33% – otherwise it won’t work!) If not set, Testimonials will size to their container.

WP Social Pro

Who is Illuminati Karate?

Illuminati Karate, Inc., is the parent company of GoldPlugins.com. You may see the name Illuminati Karate on PayPal.com or in various bits of documentation. Don’t worry! It’s just us.

Help! I need an App ID/Secret Key!

OK! We have a great page with some helpful information here.

Follow the information on that page to Create A Simple Facebook App – you’ll be guided along the way to get your App ID, Secret Key, and any other info you may need.

Ack! All I see is ‘IK FB: Please check your settings.’ – what do I do?

It’s all good! This just means there is no feed data – this could be due to bad settings, including a bad Page ID, App ID, or Secret Key. Be sure to check your Facebook Page’s Privacy Settings, too! Check the plugin instructions for help (or send us a message if you think it’s an error.)

Sometimes, we also see people that have options set in a way that are blocking their feeds from displaying. For example, if the Show Only Events option is checked, under the Display Options tab, and you have no Events to display in your feed, then you will receive the error message on the Help screen.

So what’s up with this ‘Publicly Accessible Page’ thing?

OK, so here’s the deal:

Your Facebook Feed needs to come from a Publicly Accessible Facebook page. If your page is Private, or if you have an Age Limit set that thus requires the user to login, the plugin won’t be able to display the feed data (it will instead just display the page title, like button, and profile pic – even that can be dependent upon your settings.)

Here’s how to test if your page is Public or Private:

Logout of Facebook and then try to visit the Facebook Page in question. If Facebook wants you to login to be able to view the Feed, then this page is not Publicly Accessible. You just need to update the Page’s relevant settings so that it is.

I’ve set an image width on the options page, but it isn’t working!

No worries! Did you include any non-integer characters? Be sure the width is just something like “250″ (ignore the quotes) – you don’t need to include “px”.

Instead of a Like Button, all I see is “Error”!

That probably means the URL you’ve given the Like Button is invalid. Sometimes this happens in the feed widget, if the URL isn’t a valid Facebook Page.

Other people’s posts are showing up on my wall! How do I stop it?

If you are using the Free version of the plugin, you’ll need to purchase WP Social Pro first. Once installed, look for the option titled “Only Show Page Owner’s Posts”. When that is checked, these posts will be hidden from view.

Hey! I need more control over the styling of my feed, but I don’t know CSS!

Look for the long list of options under the heading “Style Options”. You will be able to use these to control font size and color for all of the different text elements, feed width and height for the in page and sidebar versions each, and more being added all the time!

I see this plugin uses caching. Do I need to do anything for this?

Nope! Thanks to the WordPress Transient API, all you have to do is sit back and relax and we’ll do the rest!

I Want All Of My Posts Visible — Not Contained In A Box!

Try using the “No Style” theme — this will output everything in a list. You can also turn off the Like Button, Feed Title, and Profile Pic to have it look more like a list of posts.

I Want All To Show The Number of Likes In My Facebook Feed!

WP Social Pro can do that! Just tick the proper checkbox under the Pro Display options.

I Want All To Show Avatars In My Facebook Feed!

WP Social Pro can do that! Just tick the proper checkbox under the Pro Display options.

I Want All To Show Comments In My Facebook Feed!

WP Social Pro can do that! Just tick the proper checkbox under the Pro Display options.

Can I embed the feed in a page?

Yes! You can embed this feed in a page by using the Shortcode to do so.

Urk! How to find my Album’s ID for outputting a photo gallery?

OK, try this: looking at the following url, you want to grab the number that appears directly after “set=a.” and before the next period –
facebook.com/media/set/?set=a.539627829386059.148135.322657451083099&type=3

In this case, the Facebook Album ID is ’539627829386059′.

Heyo! I swear I updated my Feed, but I don’t see anything changing!

No worries! We have a caching timer set to 15 minutes. Make sure you’ve waited for the cache to clear out!

I Have My Feed Configured And Displaying On My Page, But There Are No Images!

OK! Typically, you just need to check under Display Options and be sure you don’t have the Hide Feed Images option checked. If so, the images are hidden!

There are grey boxes, weird styling, or font issues occurring in my output. What can I do?

That is unfortunate. One common issue is people who have copied and pasted the shortcodes end up with <code> tags around their shortcode. To check this, click over to your Text Editor and make sure you don’t see any <code> tags around the shortcode — if you do see them, just delete them and your problem should go away. If it doesn’t, Contact Us.

How do I Make My Personal Page a Facebook Page?

Follow the steps, here: https://www.facebook.com/help/175644189234902/

Our plugin is designed to work with Public Facebook Pages — not Personal Pages.  If you are using a Personal Page with our software, the feed will not load.