The FAQ/Accordion Element [Zipify Pages]

Learn how to use and work with the FAQ/Accordion Section!

Jeff Maxfield avatar
Written by Jeff Maxfield
Updated over a week ago


The "FAQ/Accordion" section and element is a great way to make your content-heavy pages appear less so. This section is made up of multiple items containing a head/title and body with expanded text and image content. The accordion gives a way for you and your brand to get creative with design. It's perfect for an FAQ page or FAQ section on a page. 

It can also be used as Menus or content which might behave cleaner using expandable sections. The point is to organize content in a way that makes navigation simpler for the page visitor, besides endless scrolling.

This section can be found in the "Text" section of the section library, or by searching for "FAQ" in the search bar:

A new FAQ/Accordion element can also be added to any existing section on the page by clicking on the "add element" button above/below an existing element and selecting the "FAQ" element:

FAQ/Accordion Settings

To access the Settings of the FAQ/Accordion element, click on the "Accordion✏️" button in the top-left of the section after it's been added. That will open the "Accordion" settings section in the left sidebar navigation where you can edit the appearance and question content: 

In the "Items" tab you can:

  1. Click the "+ Add New Item" button to add additional tab items

  2. Collapse/Expand the item Title field for editing

  3. Delete a tab item

  4. Rearrange tab items via drag and drop

In the "Layout" tab of the accordion settings you can:

  1. Choose between 3 different layout styles depending on the style you want used

  2. Set the Font styles, Icon Type, Accordion Width and Question Height settings you'd like used

  3. Set the Inactive State Font + Icon colors

  4. Set the Hover/Active State Font + Icon colors

Live Example 

Did this answer your question?