Create and Customize FAQs

In this article, you'll learn how to create and configure FAQs using the FAQs module.

If you'd like to get an overview of managing FAQs, see Manage FAQs

FAQs (otherwise known as frequently asked questions) are an effective way to improve customer experience and reduce customer related enquiries. When you publish FAQs, you enable site visitors to help themselves and resolve their own questions without contacting you directly.

You can offer service and support your customers, as well providing a complete self-service management solution on your website with FAQs. Create a powerful FAQ knowledgebase that specifically addresses your business and your issues. FAQ pages can be posted on one or several areas of your website.

You can create a reusable FAQ or issues knowledgebase extremely quickly, and then add to the list whenever a new issue emerges.

There are two ways to display FAQs on your website. The most common approach is to display a series of questions at the top of the page that link to the relevant answers, as shown below.

Another approach is to add the customer self-service FAQ feature to your website. This implementation allows customers to browse FAQs, filter the topics by the category and search for answers. In this scenario, the most popular FAQs are listed first, followed in descending order by the least popular FAQ topics.

Inserting FAQs

FAQs can be inserted on a page via the Add FAQ to a web page and then using 1-Click Insert drop down when viewing or editing the item itself. 1-Click Insert will give you the option to insert just one item, all items within a category or all of the items.

Customizing FAQs

When you display FAQs on a web page you can customize the entire layout to suit your needs. This type of content use two templates that you can use to customize their appearance. These layouts are generally customized up-front and require no further maintenance.

All customization of these layouts can be done under Admin -> More Customization Options, then FAQs.
You can equally use Triangle to customize these layouts.

The List Layout

The List template defines how a group of FAQs are displayed on a web page. For instance if you have a number of FAQs you may want to create a web page and display all of the FAQs on it. The list template controls how the list of FAQs are displayed together on a web page.

You may move each tag to the position you desire, and add new tags via the tag manager or tag list.

For example imagine a list of FAQs that appears on a web page:

FAQ Question #1

FAQ Answer #1

FAQ Question #2

FAQ Answer #2

Each FAQ is effectively made up of tags and some HTML. This means you can write your own HTML and applying your own CSS classes to make sure your FAQs have the exact look and feel that you desire. For example:

{tag_question}

{tag_answer}

So when we display a list of FAQs on a web page, every FAQ will be laid out according to the above template. Each content type has many tags that you can use when customizing the layout of your content.

The Details Layout

Details template defines how the details of an FAQ is displayed after it has been selected. In this instance once a customer chooses one of the FAQs it is loaded and displayed exactly how you have setup your Details template.

The appearance of these types of content is entirely customizable. Layout, style sheets, colors and the information that is displayed is controlled and positioned as you want it, via the use of tags and the tag list.

Advanced Topics and Techniques

After adding the FAQs module to a web page, you can make changes to it to slightly alter its behavior. Normally the module would look like:

{module_faq,filter,id,noTemplate,effect t,targetFrame}

  • filter system generated (do not change)
  • id system generated (do not change)
  • noTemplate if you want to force the item not to use a site-level template when displayed pass in true, otherwise leave empty
  • effect Enter ajax if you want to take advantage of the latest web technologies for a better customer experience
  • targetFrame the frame in which to open the item in

e.g.

To include ajax effect into the module you woould edit the FAQ module and make it look like this :

{module_faq,,,,ajax,}