Adding and Setting Up the Wix FAQ App

6 min read
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 it, 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. 

Adding the Wix FAQ app to your site

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

To add the app:

Wix Editor
Studio 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.
A screenshot showing the option to add Wix FAQ app to your site.
Tip:
Cut and paste the app to move it to another page on your site.

Editing your FAQ app's displayed information

You can edit the display information that appears on your FAQ. This can be done from the Display settings in the app's setting panel. Edit the FAQ's title and search bar text, choose the categories that are displayed, and select which social media share buttons are displayed. 

To customize the displayed information:

  1. Select the app in your editor.
  2. Click Settings
  3. Click the Display tab.
  4. Customize the title of your FAQ and search bar under Title and Search:
    • Show title: Enable this toggle to display a title on your FAQ.
    • What's the title?: Enter your title in the text field.
    • Show search bar: Enable this toggle to display a search bar on your FAQ.
    • What's the search bar text? Enter your default search bar text in the text field.
An image of the display options for your FAQ title.
  1. Choose what you want to display under FAQs and Categories:
    • Choose what you want to display: Select FAQs with categories or FAQs only.
    • Select the FAQs you want to show: Select the categories you want to show.
An image showing the display options for the the type of FAQs you want.
  1. Under Social, click the checkboxes next to the share options you want to show.  

Changing your FAQ's layout

You can customize how the FAQ app looks on your site on the Layout tab of the app's settings panel. Select a layout, customize the app's height and spacing, and choose how the title is aligned.

To customize the layout:

  1. Select the app in your editor.
  2. Click Settings.
  3. Click the Layout tab.
An image showing the options to customize your FAQ layout.
  1. Select an Expand, Classic, or Strip layout for your FAQ under Choose a layout.
  2. Select to either automatically adjust your FAQ's height to your text or manually adjust the height under App height.
  3. Select a Regular or Compact spacing for your FAQ's questions under App spacing.
  4. Select a Left, Center, or Right alignment for your FAQ's title under Title alignment.

Customizing your FAQ's settings

You can customize its answer settings and app direction of your FAQ on the Settings tab of the app's settings panel. Select how many answers are displayed at a time and the direction of your FAQ's text.

To customize the app's settings

  1. Select the FAQ app in your editor.
  2. Click Settings.
  3. Click the Settings tab.
A screenshot showing the FAQ settings.
  1. Select how you want your FAQ to behave on your site. Note: These settings are not available for the Classic layout.  
    • Enable the Show one answer at a time toggle to only allow one answer to open at a time. When disabled, your site visitors can open all of the FAQ answers at the same time.
    • Enable the Always show first answer toggle to automatically open the first answer when someone visits the page the FAQ is on. 
  2. Select a left-to-right direction or right-to-left direction for your FAQ's text under App direction.

Customizing your FAQ's 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. 

To customize your FAQ's design:

  1. Select the app in your editor.
  2. Click Settings.
  3. Click the Design tab.
  4. Customize your FAQ's header and background or questions and answers: 

Did this help?

|