FAQs Section

You can create a FAQs page easily using the FAQs section on any page. Any FAQs related to your products/services/store/anything can be listed using this.

The FAQ section

If you are looking to add an FAQ page or add a section on any page where you can list your FAQs or Terms of use, you can easily do so using the FAQs section.

Add FAQ Section

A section can be added to a page. You can either add a section to an already existing page or create a new page within your website.
On your page, click on the blue + icon to add a New Section to your page.

You will now see the section categories on the left side.
Scroll down and choose the FAQs Section (1) option where you can choose from the different layouts for the FAQs.

Choose any section layout (2) and click on it to add it to your page.

Add and Edit List Items

Add List Item

Once you have added the section:

Click on the Manage FAQs (1) button to open the FAQs panel.
Click on the Add Item (2) button to add a new list item.
You will have the option to duplicate and delete (3) the list items.

Edit Item

Click on the list item that you want to edit.
It will open the particular List item editing options.
Add a Title (1) and Description (2) of the List Item.

Click on the Link Builder icon (3) to open the link builder to link the list item to any page.
Set the Link to open in a new tab or in the same tab (4).
Show the Link as (5) a button, link, or apply the link over the title. Learn more in detail.
Save (6) your changes.

Sequence List Items

You can easily drag and drop the list items to change the sequence.

Delete a List Item

Once you have added an FAQ, you can edit the same and also delete the list item and add a new one.

Click on the Delete icon next to the FAQ list item.
Then, click on the Delete button in the confirmation popup.
Save your changes.

Note

List item once deleted can not be recovered.

Section Layout

Click on the Manage FAQs button to open the FAQs List editing panel.
Choose the Layout option.
Select the Layout for your section and save your changes.

Style FAQ Section

Click on Manage FAQs (1) button to open the section’s editing panel.
Choose the Style (2) option.
Change the Style for the section elements and Save (3) your changes.

Under the Style tab, you will find following options:

FAQ Items Options
Size & Space
Accordion Style Options
Text Style Options
Buttons & Links

Note

Styling options may differ according to the layout selected.

FAQ Items Options

Set the Number of Columns for the items in FAQs section. You can specify up to 3 cloumns.
Specify the Space Between Columns of the list items.
Specify the Space Between Rows of the list items.

Size & Space

Set the Content Width within the section (in %).
Specify the Space Below Section Headline (in px).
Specify the Space Below Title of the FAQ section (in %).

Accordion Style Options

Specify whether the first item of the FAQ section shall expand automatically or not.
When Allow multiple open items option is enabled, users can expand multiple accordions simultaneously.
Display Divider between accordions of the FAQ section.
Display a divider before the First item of the section. This option will be visible only when Divider is enabled.
Display a divider after the Last item of the section. This option will be visible only when Divider is enabled.
Select the Icon for items in FAQ section. You can choose to display an Arrow or a Plus icon.
Specify the placement of icon. You can set it to the left or right side of the accordions.
Specify the space between items of the FAQ section (in px).

Text Style Options

Set the Title (2) font style for the list items of the section.
Set the default Description (3) font style for the list items of the section.

Buttons & Links

Specify the Space Between Button/Links that have been added.
Specify the Space Above Button/Links.
Enable or disable the Full Width option for buttons.

Choose the size of the Normal Button that you have added in the Button/Links.
Specify the height of the Image Button if you have added an image link in the Button/Links.
Specify the size of the Icon Button if you have added a social icon in the Button/Links.

If you have added a social icon in the Button/Links , then:

Choose the Social Icon Type/Shape.
Choose the Social Icon Color Style. If you have chosen the Brand Color, then the icon’s brand color will be inherited.
If you have chosen the Selected Color option above then, select Default option wherein, the default color of the icon will be inherited.
If Custom option is selected, specify the color for icon.
Specify the Social Icon Background Color.

Can't find what you're looking for?

Get in touch with a Pixpa Expert.

In this article: