Wix FAQ App: Adding and Setting Up the Wix FAQ App

Add the Wix FAQ app to your site and create FAQ pages to give your visitors quick answers to common questions about your products or services.

After you've added the FAQ app, you can customize it in your editor to match your site. Choose from a variety of FAQ layout styles, customize the text fonts and colors, and create new questions and categories.

Step 1 | Add the Wix FAQ app to your site

You can add the Wix FAQ app to your site from the Wix App Market and from your editor.

Wix Editor

1. Click Add Apps

   

   on the left side of the editor.

2. Search for the FAQ app in the search bar.

3. Click Add to Site.

Studio Editor

1. Click App Market

   

   on the left side of the editor.

2. Search for the FAQ app in the search bar.

3. Click Add to Site.

Wix Harmony Editor

1. Go to your editor.

2. Click + Add at the top left of the editor.

3. Click the Arrow icon

   

   to navigate to the Apps category.

4. Click Wix App Market at the bottom left.

   

5. Search for the Wix FAQ app, then select the app.

6. Click Add to Site.

Tip:

Cut and paste the app to move it to another page on your site.

Step 2 | Edit the display settings

You can edit the display information that appears on your FAQ. Edit the FAQ's title and search bar text, choose the categories that are displayed, and select which social media share buttons are displayed.

Wix Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Display tab.

4. Customize the following:

   • Title and search: Customize your FAQ's title by choosing whether to show it and editing the title text. Show or hide the search bar and update the search bar text to help visitors find answers quickly.

   • FAQs and categories: Choose whether to display only FAQs or also include the categories. Select which FAQs or specific categories you want to show.

   • Expand behavior: Decide how visitors interact with your FAQs. Decide whether to allow only one answer to open at a time, keep the first answer open, and enable a slide-down effect for smoother transitions.

   • Social sharing: Let visitors share FAQ content on social media by displaying social icons, and select which platforms to show, such as Facebook, X, LinkedIn, or a copy link option.

Studio Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Display tab.

4. Customize the following:

   • Title and search: Customize your FAQ's title by choosing whether to show it and editing the title text. Show or hide the search bar and update the search bar text to help visitors find answers quickly.

   • FAQs and categories: Choose whether to display only FAQs or also include the categories. Select which FAQs or specific categories you want to show.

   • Expand behavior: Decide how visitors interact with your FAQs. Decide whether to allow only one answer to open at a time, keep the first answer open, and enable a slide-down effect for smoother transitions.

   • Social sharing: Let visitors share FAQ content on social media by displaying social icons, and select which platforms to show, such as Facebook, X, LinkedIn, or a copy link option.

Wix Harmony Editor

1. Click the FAQ app in your editor.

2. Click the Display Elements icon

   

   on the action bar.

3. Select the checkboxes next to the relevant items, e.g., title, search bar, categories bar and social icons.

4. Click the Settings icon

   

   on the action bar.

5. Select which FAQs to display under Which FAQs are displayed?. Choose to display all FAQs or selected categories only.

Step 3 | Change the layout

You can customize how the FAQ app looks by customizing its layout. Customize the app's height, text direction, and spacing and padding.

Wix Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Layout tab.

4. Customize the following settings:

   • Choose a layout: Choose to display FAQs in a form of an accordion, list or have it numbered.

   • Category placement: Choose whether your categories appear above or next to your FAQs.

     Tip: This option only appears if you choose to display categories (see the Display tab).

   • Text direction: Choose if the layout runs left to right, or right to left.

   • Spacing and padding: Adjust the spacing between rows and columns and set the top, bottom and side padding to control the FAQ layout’s appearance.

Studio Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Layout tab.

4. Customize the following settings:

   • Choose a layout: Choose to display FAQs in a form of an accordion, list or have it numbered.

   • Category placement: Choose whether your categories appear above or next to your FAQs.

     Tip: This option only appears if you choose to display categories (see the Display tab).

   • Text direction: Choose if the layout runs left to right, or right to left.

   • Spacing and padding: Adjust the spacing between rows and columns and set the top, bottom and side padding to control the FAQ layout’s appearance.

Wix Harmony Editor

1. Click the FAQ app in your editor.

2. Click Explore Designs on the action bar and select a new preset.

3. (Optional) Click the Settings icon

   

   on the action bar and customize the following:

   • Expand Behavior:

     • Open one answer at a time: Enable the toggle to decide whether your site visitors can open only one answer at a time or multiple answers at once.

     • Keep the first answer open: Enable the toggle to keep the first question expanded when the page loads so visitors immediately see an example answer.

     • Enable slide-down effect: Enable the toggle to apply a slide-down transition effect when visitors click on a question.

   • Text direction: Choose the direction for your text: Left to right or Right to left.

   • Spacing and padding:

     • Spacing between rows: Drag the slider or enter a value in pixels to set the space between each FAQ question and answer.

     • Top and bottom padding: Drag the slider or enter a value in pixels to control the padding above the first question and below the last question in the FAQ.

     • Side padding: Drag the slider or enter a value in pixels to adjust the padding at the left and right edges of your FAQ.

Note: Available customization options vary depending on the preset you choose.

Step 4 | Customize the design

The last step is to update the design of your FAQ to match your site. You can customize the color and style of your FAQ's titles and headers, the color of your FAQ's background, the color of your links, and your FAQ's icons and dividers.

Wix Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Design tab.

4. Customize the following:

   • Header and background: Customize the font and color for the title and categories, and select a color for the selected category. Adjust the background’s opacity and color to match your site’s style.

     Tip: The category and title design options only appear if you choose to display the category and title (see the Display tab).

   • Questions and answers: Customize the font and color for questions, answers and answer links. Choose the expand icon for questions, and select a divider style with adjustable color and opacity for the FAQ area.

Studio Editor

1. Click the FAQ app in your editor.

2. Click Settings.

3. Click the Design tab.

4. Customize the following:

   • Header and background: Customize the font and color for the title and categories, and select a color for the selected category. Adjust the background’s opacity and color to match your site’s style.

   • Questions and answers: Customize the font and color for questions, answers and answer links. Choose the expand icon for questions, and select a divider style with adjustable color and opacity for the FAQ area.

Wix Harmony Editor

1. Click the FAQ app in your editor.

2. Click the Settings icon

   

   on the action bar.

3. Click the Design tab.

4. Customize the following:

   • Header and background: Customize the font and color for the title and categories, and select a color for the selected category. Adjust the background’s opacity and color to match your site’s style.

   • Questions and answers: Customize the font and color for questions, answers and answer links. Choose the expand icon for questions, and select a divider style with adjustable color and opacity for the FAQ area.

FAQs

Click a question below to learn more about adding and setting up the Wix FAQ app.