Ask a Question for Shopify: Workflow

How to Install the App?

To install the Ask a Question app to Your Shopify Store,

Go to the App’s Landing Page

Enter Your Shopify Store URL and Click on Install button.

Click here to install the Ask a Question App to Your Store i.e.

• Go to Shopify App Store.
• Find the Ask a question app.
• Click on Add App button.

Approve the app Charges and add it to Your Shopify Store.
Choose any of the above ways to install the app.

As soon as You install the app to Your Shopify Store, the app will get listed in the Apps Section of Your Shopify Store like this:

Clicking on the App, You will be straightaway redirected to the Home Page of the App where You will get all the menus listed in the App.

From General Configuration section of the app, You can configure the General Details of Your Store.

General Configuration

Configure Your Shop URL and Your Business Email Address from here. At the same time, You can Upload a Logo for Your Shop.

Once done, Click the Save button.

Now, to make this feature work for Your customers, first You need to configure Your Store’s Frontend by adding the codes into their respective liquid files using these steps:

Login to Admin’s Shopify Store.
Click on Online Stores.
Go to the Themes Section.
Click on Edit Code in Action menu.

The Codes will be provided to You on the Home Page of Your Store:

Your customers will ask their queries just by clicking a “Ask a Question” button that will be displayed on the Product Pages of Your Store.

Let’s see how to show this button on Product Page.

To Display Ask a Question button:

Copy the below-given code & paste it to template/product.liquid file:

<div id="wk-askme">
  {% if customer %}
    <input id="wk-is-login" type ="hidden" value="{{ customer.email }}">
  {% endif %}
</div>

The Codes are added. Let’s see the Effect on Store’s Frontend. 

“Ask a Question” button will get displayed like this on Your Store’s Product Page:

Clicking the “Ask a Question” button, a Query Form appears on Product Page and the customer will fill this form to ask his query related to the product.

Once a Customer request a query, the admin will receive a notification via Email & get to know about the customer’s query in details.

That’s how a Customer requests a query:

As soon as a customer requests a query, the admin will receive an Email.

You can also configure the Email Templates on Your Own from the Mail Configuration section of the App.

In the Email, You will get an Answer button. Clicking it, You will be redirected to the app where You can view a “New Questions” button on the upper-right corner of the Home Page from where You will have the idea of the number of new queries requested by the customers.

Now, Click the New Question button, You will be reaching to the Asked Questions section where You can view the list of all the questions asked by the customers.

Clicking the View button, You can view all the details of the query and answer to Your customer’s query. Also, You can update Your query Status as well as View all the Conversation history of Your customer.

Currently, this query is in the pending state. You can now Proceed to add a reply to this query and update the Status from this section of the app.

Customers can View all the Queries in their My Account Section. But for this, first You need to add code from Your End to display “View Queries” button in Customer’s My Account Section.

Copy the below-given code & paste it to customers/account.liquid file:

<div id="wk-customer-queries">
  <input id="wk-customer-email" type ="hidden" value="{{ customer.email }}">
</div>

Now, Visiting My Account, Customer will get a “View Your Queries” button.

Clicking the button, Customer can view the list of all the conversations done between him and the merchant.

Clicking the View button

This way, Customers can view all the conversation details from his My Account section.

If You want to translate the Frontend Labels, the same can be done from the Label Configuration section of Admin Panel.

From this section of the App, You can translate the labels of Store’s Frontend on Your own. Just visit this section, change the label and click the Save button.

Thus, You can Configure the Frontend Labels on Your own.

Let’s Proceed to understand the additional FAQ Feature of this app.

In addition to the Queries Feature of this app, admin can also create Frequently Asked Questions and display FAQs on his store frontend.

And You can Publish Your Customer Queries as FAQ and make it visible on Your Store’s Product Description.

For this, You first need to visit the Additional Features section of the App and install the FAQ Feature to start adding FAQs:

Approve the App Charge & start adding FAQs.

Once enabled, You can now Start publishing FAQs for any of Your Shopify Store product. Follow the Steps:

Go to Products section of Your Shopify Store Backend.
Select a Product.
Click on Publish FAQ from the drop-down menu.

Clicking the Publish FAQ button, an Add Question form appears to You.

Select a Sequence to show this FAQ, Add a Question & an Answer and Click on Save & Publish button.

This way, FAQ is added per Product.

Later, You can edit the FAQ & disable it, if required.

Now, You can view the 3 dots in the App. Clicking on it, You will have two options in the drop-down menu:

Published Questions: Customer Queries that are Published as FAQ.
FAQ Design Configuration: Design the Color & Font Size of Store Frontend.

In Published Questions section, all the Published FAQs will be listed.

Clicking on Add Question button over there, You can select a product & add FAQs for that product as well.

That is how You can add FAQs for any of Your Products.

Now, Clicking the FAQ Design Configuration menu, You can change the Text Color, Font size, background color and much more.

FAQs Feature:

To Display FAQs on Store’s Product Description Page:

Copy the below-given code & paste it to template/product.liquid file:

<div id="wk-askme-faq"></div>

That’s how You can display FAQ to Your Store’s Product description.

You can also publish Your customer queries as FAQs from the Asked Questions section of the App.

Go to the Asked Questions.
Click the View button in Action menu.
Go to the Whole Conversation history section.
Click Publish as Question & Publish as Answer.

Modify the Question & Answers as per Your Choice and click on Save & Publish.

Thus, this Question-Answer has been marked as FAQ.

Customers can view the same on Your Store’s Frontend like this:

This is how Your customers can get their queries resolved related to any product even before purchasing it.

For detailed User Guide, Click Here.

Click here to Explore FAQ Feature in detail.

Refer to the Link to check the Demo of Ask a Question App:

https://shopify-askme.myshopify.com/pages/demo

If You have any query/issue with the app, feel free to write to us at support@webkul.com or simply create a ticket at https://webkul.uvdesk.com/en/customer/create-ticket/