Demos Buy Now

Product FAQ for Shopify

Product FAQ for Shopify is a wonderful application which enables you to add FAQs for products as well as general faqs for your store. You can add a dynamic different FAQ for each product. You can customize the color and width of FAQ block from the backend. The FAQ will be displayed on the Product description page in jquery accordion style.

With the help of this app, Admins can add related FAQ (Frequently Asked Questions) to the products & his shop. A FAQ is a set of tentative questions which may arise in the mind of buyers about the product. Hence FAQ increases the sales as now buyers have most of their doubts sorted in the form of FAQ pre & post purchase of the product.

Features

  • FAQ gets displayed on the product description page.
  • Admin can add FAQ with each product as well as for his store.
  • Admin can edit or delete the FAQ as per his requirement.
  • Product FAQ is having Ajax Accordion user interface.
  • Admin can customize color, the width of FAQ block from the backend.

Installation

On Landing Page, click on ‘Try Product Faq Now’ & you will find the “install” button. Enter the shop URL where you want to install the app.

Now you need to install the app:

Workflow

After the installation, you need to buy the monthly plan available for this app. Once the payment is done for the plan, the App will be listed here:

After clicking on the app you will be redirected to the Home Page of the app.

Configuration:

Steps to add a FAQ for any product:
  • Go to the Shopify store backend and add or edit any product as per your requirement.
  • Now click on the Product FAQ in the “More Action” menu.
  • After clicking on product FAQ you will get redirected to this page as shown in below screenshot.
  • Add a FAQ for the product. In this way, you can add a FAQ on any product added on your Shopify store.

How to add a general FAQ?

Admin can add General FAQ i.e. frequently asked questions about his store. This will clear his customers’ doubt and thus help him increase sales rate.

There is a very simple procedure to add General FAQ for your store. Let’s see how to do it:

Go to your Shopify backend >> Apps Section >> Open the Product FAQ app.

This is where you’ll land:

Now, when you’ll click on the General FAQ button, you’ll have a page with previously added FAQs which you can update/edit/enable/disable.

To add a new General FAQ, click on the ‘Add New General FAQ’ button as shown in the image below:

Now, once you click on the ‘Add New General FAQ’ button, this is what you’ll have:

Enter the following details: FAQ Sequence, FAQ Title & FAQ Description.

The following FAQ will be added to the General FAQ page from where you can edit/delete/enable/disable it.

The admin can display the store FAQ on the frontend by adding navigation for his Store FAQ.

To do this:

Shopify Backend >> Online Store >> Navigation >> You can choose where you want the FAQ navigation to be i.e. Footer or Header of the page >> For the header, click on the ‘main menu’ option >> Add New Menu >> Name your navigation & as a link search for Store FAQ in pages >> Save.

 

Steps to display your added FAQ on frontend:

You have to follow this step only once after installation of productFAQ after that you can just simply add any FAQ without following this step.

  • Go to the Shopify store backend and click on the Themes tab.
  • After clicking on the Themes tab launchpad page will appear.
  • Click on product.liquid menu and paste the code given in the next step.
  • Paste the following code and click on the save button:
{{ '//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css' | stylesheet_tag }}
{{ '//code.jquery.com/jquery-1.10.2.js' | script_tag }}
{{ '//code.jquery.com/ui/1.11.4/jquery-ui.js' | script_tag }}
<div id='wk_product_faq'></div>

 

Steps to configure your FAQ:

  • Set the configuration for your FAQ.
  • After setting configuration your product description page will get displayed like this as shown below:
  • The general FAQs added by the admin for his store can be seen like this:

  • You can also get the whole process by going through the following video:

Product FAQ  Demo on youtube: http://www.youtube.com/watch?v=4gCU29lGwi0

NOTE: You can also refer the blog here http://webkul.com/blog/add-jquery-accordion-faq-shopify/ for adding accordion style FAQ on the site.

Trial Version: we provide 03 days free trial version with this module, click here  https://apps.shopify.com/product-faq

Demo Details

Follow the below links and credentials to use the demo of Product FAQ app:

FrontEnd Demo ( For General FAQ): https://product-faq.myshopify.com/pages/faqs

FrontEnd Demo ( For Product FAQ): https://product-faq.myshopify.com/products/tomato

BackEnd Demo: https://product-faq.myshopify.com/admin

  • Username: johndoe@webkul.com
  • Password: demowebkul

Support

If you have any issue, do write to us we will try and get your issue resolved as soon as possible.

For any kind of technical assistance, just raise a ticket at http://webkul.uvdesk.com/ and for any doubt contact us at support@webkul.com

Current Product Version - 1.0.0

. . .

Comment

Add Your Comment

Be the first to comment.

css.php
Hire Us!
Brief us about your requirements and we'll get back to you.
Woo! Hooy!
We have just recieved your project brief and our expert will contact you shortly.
Send Again
Close

Index