If you have ever wanted to create an FAQ page in Joomla, then this JovialGuide is for you!
While building a Joomla website or blog, you would want to create an FAQ page in Joomla to answer some of the questions your users might have concerning your services.
In this JovialGuide, we’ll show you how to create an FAQ page in Joomla.
What are FAQs?
FAQs or Frequently Asked Questions are a compilation of the commonly asked questions and answers that are relating to a service. You can also see an FAQ as a page or section with a collection of most asked questions and answers.
Just like a contact us page, an FAQ page is one of the most important and must-have sections for every business or service-driven website.
FAQs are very essential to businesses, because it saves them the time and energy from having to answer the same queries from different users. So, if you create an FAQ page, you can always direct them to the FAQ page, and they can always direct other users, or make references to the FAQ page at any time.
Moreover, creating an FAQ page in Joomla saves your users the time from having to contact your support team on simple or frequent questions.
So, if you are building a Joomla website, then you need to create an FAQ page to display frequently or commonly asked questions and their answers.
What to Include in an FAQ Page
Now that you have understood what FAQ is, you are now interested in creating an FAQ page in Joomla, and you want to know what to include in your FAQ page.
If you are creating an FAQ page, here are what to include in your FAQ page:
- Frequent questions – the purpose of FAQs is to answer the commonly asked questions, so include commonly asked questions
- Use accordions – make use of accordions to style your FAQ page
- Brevity – have your FAQ answers very detailed, and as short as possible
Where to Create FAQs
You can create your FAQs on:
- A standalone page (FAQ page)
In this JovialGuide, we will show you how to create an FAQ page and an FAQ section in Joomla.
How to Create an FAQ Page in Joomla Using SP Page Builder
For this JovialGuide, we will be using SP Page Builder.
SP Page Builder is a powerful drag and drop Joomla page builder, developed by JoomShaper, one of the best Joomla template providers.
It comes with ready features to enable you build a Joomla website without any hassle, or coding knowledge. SP Page Builder is available in both free and paid versions, so, you can try out the free version before going for the paid.
After downloading SP Page Builder, install and activate it.
You may want to see the best drag and drop Joomla page builders for more.
Since we are creating an FAQ page in Joomla using SP Page Builder, then we will proceed by adding a new page.
To add a new page in SP Page Builder, goto SP Page Builder » Add New Page.
After that, you will be presented with a new page for you to add. Go ahead and enter the title of the page that you are adding.
After entering the page title, we will continue creating an FAQ page in Joomla by adding a row.
To add a row in SP Page Builder, click on “Add New Row”. After that, you will see a rectangle with boxes inside of it. Now click on the first box from left.
By the left side, you will notice that our row name (section name) is appearing as “Row”. Let’s change it to our preference by clicking on it. Once clicked, the color of the icon beside it will change from gray to blue. This means that the row has been selected.
By the right hand side of the row, you will see a “gear” icon. Click on it.
This will open up a modal for you.
Under “Title Options”, enter your Section Title and change Title HTML Element from “h3” to “h2”.
After that, under “Subtitle Options”, enter the Section Subtitle. The Section Subtitle allows you write a description about the section. It is displayed directly under the Section Title.
You can go ahead and try other customization options.
The Style tab allows you customize the styles of the section via CSS. The Responsive tab allows you customize the responsiveness of the section for different devices. While the Animation tab allows you add animation to the section.
After you have customized the Row Options to your taste, click on “Apply” to save.
Next, we are adding an addon.
To add an addon in SP Page Builder, click on the box-plus icon that is inside the row you added.
On the Addon List modal, click on Accordion.
On the Addon: Accordion modal, select your desired Accordion Style.
In this JovialGuide, we are selecting “Modern”.
For “Open Item”, select whether to open or close the Accordion. In this JovialGuide, we are choosing “Open First (Default)”.
For Accordion Item, the Accordion Title serves as the title of the question. Click on the “trash” icon by the right hand side to delete the default Accordion item.
After that, click on the “Add Item” button by the right hand side to add an accordion item.
Enter the title of the question. Then, for Title Icon, it allows you display an icon beside the title of your question. Click on the drop-down to select the icon of your choice. You can leave empty if you would like.
For “Content”, this is where you will write the answer to the question. Start by clicking on the “Add Addon” button to add an addon. After that, select the “Text Block” addon.
Go ahead and type in the answer to the question in the “Content” field. After that, select other options that you would like and click “Apply”.
You just added your first Frequently Asked Question and answer. To add more, click on the “Add Item” button and follow the steps above.
Note – Be sure to set the content font-size and line hight to a decent size to avoid having too big and/or too spacey sentences.
Let’s add animation to our accordion. To add animation in SP Page Builder, click on the “Style” tab.
On the Style tab, scroll down to where you see “Enable Animation”. Check the box to “Yes” and select the animation.
You can go ahead and customize other options on the Style tab, like box shadow, padding, margin, etc.
Once you have customized it to your preference, click on the Apply button.
After clicking on Apply, you will be taken back to the main SP Page Builder Add New Page page.
To save your new FAQs page, click on the save button at the top of your screen.
After saving your new page, click on the “Close” button at the top right corner of the screen, and you will be taken to the Pages screen of SP Page Builder.
Let’s go ahead and add a menu item so that the new page will display on the frontend.
To add a menu item in Joomla, goto Menus » Main Menu » Add New Menu Item.
On the New Item page, enter the title for the new item.
After that, beside Menu Item Type, click on the “Select” button to select a Menu Item Type.
On the Menu Item Type modal, click on SP Page Builder » Page.
Since we had already created our FAQs page, we will not click on Create, rather Select. So, beside “Select Page”, click on Select to select a page.
On the “Select a Page” page, go ahead and select the (FAQS) page you created earlier using SP Page Builder.
After that, save by clicking on the “Save” button.
Now visit your Joomla website, goto menu, you will see the menu item you just created. Click on it, then you will see your FAQs page created in Joomla using SP Page Builder.
You just created an FAQs page in Joomla using SP Page Builder.
If you would like to create an FAQs section rather than a page, then goto SP Page Builder » Pages. Once it opens, click on the page of your choice, add a new row, then follow the rest of the steps above.
We hope this JovialGuide helps you create an FAQs page in Joomla.
You may also want to see how to create a hidden menu item in Joomla and how to make money with Joomla.
See other of our Joomla tutorials for more.