Publishing answers to your customers' questions are a great way for shoppers to learn more about your products and help increase their assurance that they're making the right decision when making a purchase. When a shopper has a question about a product and sees you've already addressed the same question for a past customer, it can build trust during the purchase process and lead to a higher conversion rate.

You can add a Q&A widget to display your published questions and answers and can set it up in two ways: combined with your Reviews widget or as a standalone widget.

In this article, you'll learn how to:

Before you begin

These instructions assume you already have the Okendo Reviews app installed and have completed the basic installation instructions. If you haven't, please follow that guide before proceeding.

Combine a Q&A widget with your Reviews widget

To add a Q&A widget, you need to modify the Product Reviews widget snippet.

  1. Find the okendo-reviews-widget.liquid file in the Snippets folder.

  2. Replace the contents of the file with the following snippet:
    Note: This step assumes you haven't modified this file since you installed it.

    <div class="okeReviews-widget-holder" data-oke-reviews-widget-holder data-oke-reviews-product-id="shopify-{{ product.id }}">
    <div data-oke-reviews-nav-bar></div>
    <div data-oke-reviews-widget>{{ product.metafields.okendo.ProductReviewsWidgetSnippet }}</div>
    <div data-oke-reviews-qanda></div>
    </div>


    You should now see a combined Reviews widget and Q&A widget wherever you originally installed the Reviews widget.

Add a standalone Q&A widget

You need to create the Q&A widget snippet and then install it where you want it on your store's site.

  1. Create a file in the Snippets folder called okendo-qanda-widget.liquid

  2. Paste in the following code:

    <div data-oke-reviews-qanda data-oke-reviews-product-id="shopify-{{ product.id }}"></div>

  3. Use theme tags to place the widget where you want it to appear.

  4. Add the following code to the spot(s) in your theme where you want the Q&A widget to appear:
    {% render 'okendo-qanda-widget', product: product %}

Related articles

Did this answer your question?