Skip to main content
< All Articles

How to create an accordion-style FAQ in SharePoint

Posted on December 17, 2020

One of the most common features requested for SharePoint intranet sites is the ability to incorporate some kind of Frequently Asked Questions (FAQ). There are many ways to accomplish this task. I documented some of them previously. One of my favorite, though, is the accordion-style FAQ where you have a list of questions, and as you click on a question, it dynamically expands and presents the answer underneath. In this article, I would like to explain how to build an accordion-style FAQ in SharePoint Online using out of the box capabilities.

an accordion-style FAQ in SharePoint

How to create an accordion-style FAQ in SharePoint in 3 easy steps

Step 1. Build a custom list

To build an accordion-style FAQ in SharePoint that looks like the example above, we will need to create a custom list with two text columns: question and answer.

  1. Click Gear Icon > Site Contents Accordionstylefaqsharepoint1
  2. New Drop-down > List Accordionstylefaqsharepoint2
  3. Give your list a name and hit Create Accordionstylefaqsharepoint3
  4. We will use the Title column that comes in a list as a default column as a Question column. So just go ahead and click the drop-down next to Title > Column Settings > Rename Accordionstylefaqsharepoint4
  5. Call it Question and click Save Accordionstylefaqsharepoint5
  6. Next, we will add an Answer column. I usually use Multiple lines of text in case answers are lengthy. Click + Add column drop-down > Multiple lines of text Accordionstylefaqsharepoint6
  7. Give it a name and click Save Accordionstylefaqsharepoint7

Step 2. Create a grouped view

Next, we are going to create a grouped view to group the list by the question column. We can leave it as-is, but grouping is necessary to give our list this accordion-style look. Grouping is also useful in case there is more than one answer to one question.

  1. Gear Icon > List settings Accordionstylefaqsharepoint8
  2. At the bottom of the page, click Create view Accordionstylefaqsharepoint9
  3. We can create a view from scratch or start from an existing one. Click All items Accordionstylefaqsharepoint10
  4. Give your view a name, check the box next to Make this the default view (so the grouped view is the default view users will see), then uncheck the checkbox next to Question column (since we will be grouping by this column in the next step and do not need it displayed) an accordion-style FAQ in SharePoint
  5. Scroll down to the bottom of the page, expand Group By section, choose Question from the drop-down of columns to group by, then click OK Accordionstylefaqsharepoint12
  6. Your list should look like the image below Accordionstylefaqsharepoint13

Step 3. Populate with content

OK, honey, we are almost done. Now we are ready to populate the list with questions and answers.


Populate the remaining questions and answers as necessary.


Optional Steps

  • You can always create additional columns on a custom list to allow for further grouping or filtering (i.e., Category) Accordionstylefaqsharepoint16
  • You can also embed the list on a SharePoint page to make it more accessible/evident to the users when they visit your site Accordionstylefaqsharepoint17
  • In case you want to be able to format the text of your answers, you can do that too by enabling enhanced rich text under column settings Accordionstylefaqsharepoint18

The above setting will allow you to spice up the text as well as insert URLs and images into the Answer Column an accordion-style FAQ in SharePoint

About Me

I’m Greg Zelfond, a U.S. based SharePoint consultant, and I provide affordable out-of-the-box SharePoint consulting, training, and configuration assistance to small and medium-sized businesses all over the world.

Need help?