1. Documentation /
  2. Setting Up and Installing Product Page Accordion FAQ by POWR

Setting Up and Installing Product Page Accordion FAQ by POWR

POWR’s FAQ is a powerful tool for creating an FAQ section on your website. You can reduce support requests and convert better by displaying answers to common questions right on your site.  Here are some of the things you can do with FAQ:
  1. Add questions and answers and present them in an easily scannable accordion layout.
  2. Customize the spacing between entries, choose from a selection of question icons, and add any custom content – such as links, images, videos, etc. – to your answers.
  3. Organize content in categories and arrange sections side-by-side
  4. Add a search bar to let users search through your content
  5. Let users tell you which answers are helpful and which ones could use some improvements (Pro features)

Half-width Sections for Categories

↑ Back to top
You can create sections and put them side-by-side by following these steps:
  1. In Content, click Add Category.
  2. Toggle on Half-width.
  3. Drag the Category element above the first item that should be part of the category.
  4. Add a second Category and also set it to Half-width.
Your Categories should then appear side-by-side. 

Add a Search Bar to your FAQ

↑ Back to top
To add a Search to your FAQ plugin, follow these steps:
  1. In the POWR Editor, go to Settings.
  2. Toggle on Show Search Bar
  3. Save your changes. 
You will then have a search bar appear above your questions and answers.

“Was this answer helpful?” voting

↑ Back to top
Find out which of your answers are helping users find solutions in your FAQ by enabling Voting. Follow these steps:
  1. In the POWR Editor, go to Settings.
  2. Toggle on Add Voting Button to Answers.
  3. Save your changes. 
Each end-user can then add one upvote/downvote per answer.

How to Install POWR FAQ on WooCommerce

  1. Find POWR FAQ in the WooCommerce Extensions Directory and click Install.
  2. Download the files.
  3. Go to Plugins > Add New > Upload > Select your POWR zip
  4. Click on Activate Plugin
  5. You will automatically be authenticated on POWR. Approve access to continue.
You will now see a POWR Plugins item in the left-hand navigation and you will be able to access all POWR Plugins for WooCommerce.

How to Add POWR Plugins to WooCommerce

  1. In the POWR Plugins navigation menu, click on your chosen plugin:
  1. Create your plugin in the POWR Editor.
  2. When you’re ready, click the blue ‘Add to Site’ button on the top right of the POWR Editor.
  3. Copy the HTML snippet and paste it wherever you would like to add your POWR plugin.

How to Add your POWR Plugin to WooCommerce Products

Option 1: Adding to Product Data
  1. You will see a new section appear under Product data called POWR Plugins.
  2. Click POWR Plugins and you will see a default form.
  3. At the top of the form preview on the right-hand side you can select whether to display the form above or below your product, or not display it at all:
To edit the content of the form, click on Edit Form Builder. This will open the POWR Editor in a pop-out window where you can make any necessary changes: When you’re happy with your changes, close the POWR Editor. Click Update in the Publish panel on the top right : To check how it looks, click Preview Changes. Option 2: Adding to Text Sections
  1. Go to Products.
  2. Select your product and click Edit.
  3. You will now see an option to add POWR plugins in all sections that contain a text editor. Select your preferred plugin and the code snippet will be added to the text sections automatically.
Click Update and then Preview Changes on the right-hand side. Customize your plugin live on your site! 🎉Congratulations on installing your POWR plugin on WooCommerce! 🎉