- Choose the FAQ icon from the nav bar
- Click New FAQ
- Optionally give the FAQ a name
- Add questions by clicking the Add Question button and filling out the form
- Save the FAQ and make a note of the Id number that is created
To reorder the questions, make sure you have saved the FAQ first and then click the "Reorder Question" and drag the questions to the correct order and hit save.
- Make a note of the Id of the FAQ that you want to use
- In your template add the FAQ component and set the FAQ Id to the number of the FAQ you want to display
- In you template content add something like;
<h1>{{ faq.title }}</h1>
<ul>
{% for item in faq.questions %}
<li>
<h4>{{ item.question }}</h4>
{% if item.details %}<p><em>{{ item.details }}</em></p>{% endif %}
<p>{{ item.answer|raw }}</p>
</li>
{% endfor %}
</ul>