How to setup manually Q&A block instead of theme app block

Learn more and install our app Askify - Questions & Answers for your shopify store.

Most of the features will be available just by installing the app and then enabling it. The following code is not always needed.

Steps for Manual Integration:

1. Create the File:

   • In your theme's snippets directory, create a new file named ac_pqa.liquid.

2. Add the Code:

   • Paste the below code into that file and save it.

{% if template == 'customers/login' %}

<script type='text/javascript' src='/apps/questionanswer/js/appify_login_redirect.min.js'></script>

{% endif %}

{% if template == 'product' or template == 'collection' or template contains 'product.' %}

<input type='hidden' id='str_id' value='{{ shop.url }}' />
<input type='hidden' id='prd_id' value='{{product.id}}' />
<input type='hidden' id='prd_handle' value='{{product.handle}}' />
<input type='hidden' id='page_data' value='{{template}}' />
<input type='hidden' id='cust_enable' value='{{shop.customer_accounts_enabled}}' />
<input type='hidden' id='cust_id' value='{{customer.id}}' />
<input type='hidden' id='cust_name' value='{{customer.first_name}}' />
<input type='hidden' id='cust_email' value='{{customer.email}}' />
<input type='hidden' id='shop_url' value='{{shop.url}}' />
<input type='hidden' id='prd_title' value='{{ all_products[handle].title }}' />
<input type='hidden' id='prd_img' value='{{ all_products[handle].featured_image }}' />
<div id='cssloader' class='lds-css ng-scope loader'><div style='width:100%;height:100%' class='lds-eclipse'><div></div></div></div>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css' rel='stylesheet'>

<link rel='stylesheet' type='text/css' href='/apps/questionanswer/assets/Css/prqa_2.min.css?v=409'></link>
<script src='/apps/questionanswer/assets/js/prqa_2.min.js?v=409'type='text/javascript'></script>
<script src='https://www.google.com/recaptcha/api.js'></script>

<script>
  appifyPqaMain();
</script>
{% endif %}

3. Import the File:

   • Import that file into the theme.liquid file. Search for {{ content_for_header }} and paste the following code next to it:

     {% include 'ac_pqa' %}

4. Add the Div Tag:

   • Add the following div tag to the place where you want to show our Q&A widget:

     <div id="appfiy_pqa_container"></div>

Contact Us at [email protected] for any queries or assistance.