Reading list Switch to dark mode

    Product FAQ for Shopify

    Product FAQ for Shopify is a wonderful application that 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 the FAQ block from the backend. The FAQ will be displayed on the product description page in the 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.
    • The product FAQ is having Ajax Accordion user interface.
    • Admin can customize color, the width of the 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.

    Product FAQ Shopify • Webkul

    Now you need to install the app:

    product faq

    Workflow

    product faq

    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:

    Searching for a Shopify
    Headless solution ?
    Read More

    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.
    product faq
    • Now click on the Product FAQ in the “More Action” menu.
    product faq
    • After clicking on product FAQ you will get redirected to this page as shown in the below screenshot.
    FAQ
    • Add a FAQ for the product.
    FAQ
    product faq
    • In this way, you can add an FAQ on any product added to 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’ doubts 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:

    webkul blog

    Now, when you’ll click on the General FAQ button, you’ll have a page with previously added FAQs that 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:

    product faq

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

    webkul blog

    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.

    product faq

    Go to the Shopify store backend and click on the Themes tab.

    product faq

    After clicking on the Themes tab launchpad page will appear.

    product faq

    Click on the 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

    product faq
    product faq

    Set the configuration for your FAQ.

    product 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:

    general faq

    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 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

    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 [email protected]

    Current Product Version - 1.0.0

    . . .
    Add a comment

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top
    It works now, very happy, Webkul is always willing to help wherever they need to, their customer service is out of this world.
    Alain Stout
    CEO
    www.Takoda.Shop
    Talk to Sales

    Global

    Live Chat

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content