Product Q&A for your online store
AI question and answer widget for the product pages of your online store.
Requirement: Connected online store
This plugin requires your online store (Shopify, WooCommerce, PrestaShop, or VTEX) to be connected to WAzion to obtain product information. If you haven’t connected it yet, go to Dashboard → Integrations.
What is Product Q&A?
Product Q&A is a widget that integrates into the product pages of your online store. It allows visitors to ask specific questions about the product and receive instant answers from the AI, based on the actual product information.
- • Responses based on product title, description, variants, and stock
- • It does not require configuring a prompt (but you can add additional instructions)
- • Multi-language support with automatic translation
- • 10 design themes to match your store
- • Question statistics by product
How to activate the plugin
- Open the WAzion Dashboard
- Go to “Plugins“ → “Product Q&A
- Activate the “Plugin active“ switch
- Add your domain in “Authorized Domains“ (e.g., mitienda.myshopify.com)
- Copy the integration code
- Paste it on the product page of your store (in Shopify: main-product.liquid)
Integration code
This is the code you need to add to the product page of your store:
<!-- WAzion Product Q&A --> <div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A -->
Note: {{ product.id }} is a Liquid variable that Shopify automatically replaces with the current product’s ID. Do not modify it.
Available on all platforms
Product Q&A works with Shopify, WooCommerce, PrestaShop, and VTEX. The widget integrates into the product page of any platform. Below you will find step-by-step installation guides for each platform:
The synchronization of FAQs to the storefront (metafields) is available for Shopify. For other platforms, the FAQs are generated automatically in the dashboard.
Step-by-step guide: Installation on Shopify Shopify Guide
Follow these detailed steps to add the Product Q&A widget to the product pages of your Shopify store.
Access the theme code editor
In your Shopify admin panel:
- Click on Online Store in the left side menu
- Select Themes
- In your current theme (the one that says “Current“), click on the three dots (...)
- In the dropdown menu, select Edit code
Advice: Before making changes, consider duplicating your theme as a backup. Go to the three dots and select “Duplicate“.
Look for the product page file
In the left sidebar of the code editor:
Online Store 2.0 Themes (Dawn, etc.)
- Expand the Sections folder
- Search for and click on main-product.liquid
Old themes (Vintage, Debut, etc.)
- Expand the Templates folder
- Look for product.liquid or product-template.liquid
Can’t find it? Use Ctrl+F (or Cmd+F on Mac) in the file list and search for “product“.
Find where to insert the code
Look for a good spot for the widget. We recommend placing it after the product description:
Search for common references:
Use Ctrl+F (Cmd+F on Mac) to search for these references:
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Ideal location: After the add to cart form or after the product description.
Paste the widget code
Insert the following code in the location you chose:
<!-- WAzion Product Q&A Widget --> <div id="wazion-product-qa" style="margin: 20px 0;"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{{ product.id }}'); </script> <!-- /WAzion Product Q&A Widget -->
Important! Replace YOUR_TOKEN_HERE with the token that appears in your WAzion Dashboard → Plugins → Product Q&A.
Save the changes
Click the Save button in the upper right corner of the code editor.
Check the installation
- Open your store in an incognito window
- Go to any product page
- You should see the Product Q&A widget
- Make a test question to verify that it works
Alternative method: Create a section block (Online Store 2.0)
This method allows you to add/remove the widget from the visual customizer without touching code each time:
- In the code editor, go to the Snippets folder
- Click on Add a new snippet
- Name it wazion-product-qa (it will be created as wazion-product-qa.liquid)
- Paste the widget code and save
- Now in main-product.liquid, wherever you want the widget, add:
{% render 'wazion-product-qa' %}
This way you can easily move or remove the widget by editing just one line.
Step-by-step guide: Installation in WooCommerce WooCommerce Guide
Follow these detailed steps to add the Product Q&A widget to the product pages of your WooCommerce store.
Access the theme editor or use a snippets plugin.
In your WordPress admin panel:
- Go to Appearance → Theme Editor
- Or use a plugin like Code Snippets to add code without directly modifying theme files.
Advice: Always use a child theme for modifications. If you update the parent theme, you will lose the changes made directly to it.
Locate the individual product template
Look for the product template file in your theme:
Usual location
- • woocommerce/single-product.php
- • woocommerce/content-single-product.php
Can’t find it? If your theme does not have these files, copy them from wp-content/plugins/woocommerce/templates/ to your child theme while maintaining the same folder structure.
Find the ideal location for the widget
We recommend placing the widget after the product summary:
Common references:
- • woocommerce_after_single_product_summary
- • woocommerce_after_single_product
- • Before the closure of the product container
Insert the widget code
Paste the following code in the location you chose:
<!-- WAzion Product Q&A --> <div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','<?php echo get_the_ID(); ?>'); </script>
Important! Replace YOUR_TOKEN_HERE with the token that appears in your WAzion Dashboard → Plugins → Product Q&A. The function get_the_ID() automatically retrieves the product ID in WooCommerce.
Save the changes
Save the modified file. If you are using the WordPress theme editor, click on Update File. If you are using a snippets plugin, activate the snippet.
Check the installation
- Open your store in an incognito window
- Go to any product page
- You should see the Product Q&A widget
- Make a test question to verify that it works
Alternative method: Use functions.php with WooCommerce hook
This method automatically inserts the widget using WooCommerce’s hook system, without editing templates:
// Añadir en functions.php del tema hijo add_action('woocommerce_after_single_product_summary', function() { $product_id = get_the_ID(); echo '<div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src="https://www.wazion.com/plugins/product-qa/embed.js"; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,"script","TU_TOKEN_AQUI","' . esc_attr($product_id) . '"); </script>'; }, 25);
The number 25 indicates the priority. Adjust it to change the position of the widget relative to other elements (lower = higher up).
Step-by-step guide: Installation in PrestaShop PrestaShop Guide
Follow these detailed steps to add the Product Q&A widget to the product pages of your PrestaShop store.
Access the theme editor or edit via FTP
In your PrestaShop admin panel:
- Go to Design → Theme Editor
- Or access the theme files directly via FTP for greater control.
Advice: Make a backup of the template before modifying it. In FTP, copy the file before editing it.
Locate the product template
Look for the product template file in your theme:
Usual location
- • themes/TU_TEMA/templates/catalog/product.tpl
Find the ideal location for the widget
We recommend placing the widget after the product description:
Common references in Smarty:
- • {block name='product_description'}
- • {block name='product_footer'}
- • At the end of the product content
Insert the widget code
Paste the following code in the location you chose:
<!-- WAzion Product Q&A --> <div id="wazion-product-qa"></div> <script> (function(w,d,s,t,p){ if(w.WazionProductQA)return; w.WazionProductQA={token:t,productId:p}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=p; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI','{$product.id}'); </script>
Note: Use {$product.id} to get the product ID. In some themes, you can also use {$product.id_product} as an alternative.
Important! Replace YOUR_TOKEN_HERE with the token that appears in your WAzion Dashboard → Plugins → Product Q&A.
Save and clear the cache
After saving the changes to the template:
- Go to Advanced Settings → Performance
- Click on Clear cache
Important: PrestaShop caches the Smarty templates. If you don’t clear the cache, you won’t see the changes.
Check the installation
- Open your store in an incognito window
- Go to any product page
- You should see the Product Q&A widget
- Make a test question to verify that it works
Alternative method: Use a custom code module
If you prefer not to edit the template directly, you can use a PrestaShop module that allows you to insert HTML/JS code into specific hooks. Look for modules like “Custom HTML/JS“ in the PrestaShop marketplace and assign it to the hook displayProductAdditionalInfo or displayFooterProduct.
Step-by-step guide: Installation in VTEX VTEX Guide
Follow these detailed steps to add the Product Q&A widget to the product pages of your VTEX store.
Access the VTEX CMS
In your VTEX Admin:
VTEX IO (Store Framework)
Go to Storefront → Store Theme. Edit the file store/blocks/product.jsonc in your theme repository.
Legacy CMS
Go to Storefront → CMS → Layout. Locate the product template and edit the content placeholder.
Add the widget script (VTEX IO)
For VTEX IO, the most reliable way to insert scripts is through the Admin:
Recommended option: Custom Admin Scripts
- Go to Storefront → CMS → Pages
- Select the product page and go to Advanced settings → Custom scripts
- Paste the widget code from step 4
Alternative option: Store Theme with HTML block
If your Store Theme has allowScripts: true enabled in HTML blocks, you can use a html#wazion-qa block in product.jsonc. Keep in mind that VTEX IO does not execute inline scripts in HTML blocks by default.
Locate the product template (Legacy CMS)
If you are using the Legacy CMS, locate the product content placeholder in the template and find a suitable location after the description.
Insert the widget code
Use the following code that reads the product ID from a data attribute:
<!-- WAzion Product Q&A --> <div id="wazion-product-qa" data-product-id="VTEX_PRODUCT_ID_VARIABLE"></div> <script> (function(w,d,s,t){ if(w.WazionProductQA)return; var el = d.getElementById('wazion-product-qa'); var pid = el ? el.dataset.productId : ''; w.WazionProductQA={token:t,productId:pid}; var js=d.createElement(s);js.async=true; js.src='https://www.wazion.com/plugins/product-qa/embed.js'; js.dataset.token=t;js.dataset.product=pid; d.body.appendChild(js); })(window,document,'script','TU_TOKEN_AQUI'); </script>
Note: Replace VTEX_PRODUCT_ID_VARIABLE with the variable that corresponds to your environment. For VTEX IO (Store Theme): use {productContext.product.productId}. For Legacy CMS: use the $product.Id control from VTEX.
Important! Replace YOUR_TOKEN_HERE with the token that appears in your WAzion Dashboard → Plugins → Product Q&A.
Publish the changes
VTEX IO
Publish your theme with vtex publish from the terminal.
Legacy CMS
Save the changes directly in the CMS. They are applied immediately.
Check the installation
- Open your store in an incognito window
- Go to any product page
- You should see the Product Q&A widget
- Make a test question to verify that it works
Product detection in VTEX
If the widget does not correctly detect the product ID, check that the data-product-id attribute of the div contains the correct numeric product ID. For VTEX IO use {productContext.product.productId} in your Store Theme. For Legacy CMS use the control $product.Id.
Problem solving
The widget does not appear on the product page
- → Verify that the plugin is activated in Dashboard → Plugins → Product Q&A
- → Check that your domain is on the list of authorized domains
- → Check that your online store is connected to WAzion.
- → Open the browser console (F12 → Console) and look for errors in red
- → Test in incognito window to rule out cache issues
Invalid token“ or “Unauthorized domain“ error
- → Copy the token directly from the Dashboard, without spaces
- → Add your exact domain to the authorized ones: mitienda.myshopify.com And mitienda.com
- → Wait a few seconds after saving changes on the Dashboard
The widget appears but says “Error loading product
- → Check that your online store is connected in Dashboard → Integrations
- → Make sure you haven’t modified the product ID variable in the code.
- → The product must be published and visible in the store
The widget appears in the wrong place
- → Move the code to another location in the product template of your platform.
- → Look for references like “product__description“ to place it underneath
- → Use the margin style in the div to adjust spacing: style=“margin: 30px 0;
I don’t know which file to edit in my theme
Common files by topic:
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
If your topic is not on the list, look for files containing “product“ in Sections or Templates.
Configuration options
Authorized Domains
List of domains where the widget can operate. For security reasons, use is only allowed from authorized domains.
- • mitienda.myshopify.com
- • mitienda.com (custom domain)
- • * (any domain - for development only)
Design Topics
10 pre-designed themes to customize the widget for your store:
Widget Texts
Customize the texts that the visitor sees:
- • Widget title (e.g., “Questions about this product“)
- • Text field placeholder
- • Ask button text
The texts are automatically translated into the visitor’s language.
Instructions for the AI (optional)
You can add additional information that the AI will take into account when responding:
- • Shipping and Return Policies
- • Active promotions
- • Special instructions (e.g., “Do not mention competitor products“)
- • Contact Information
This field is optional. Without additional instructions, the AI will respond using only the product information from your online store.
Language Settings
Auto-detect
Automatically detects the visitor’s browser language.
Fixed language
Always display in a specific language.
With selector
Automatically detects but allows the visitor to manually change the language.
Anti-Abuse Protection
Limit the number of questions per visitor to protect your account:
- • Maximum number of questions per period (e.g., 20 questions)
- • Time window in minutes (e.g., 60 minutes)
Statistics and Question Viewer
Usage metrics
- • Total questions
- • Questions in the last 7 days
- • Today’s questions
- • Unique visitors (24h)
Most Viewed Products
View a ranking of the 5 products with the most questions. Useful for identifying which products generate the most inquiries.
Question Viewer
Review all the questions asked by the visitors:
- • Filter by period: Today, 7 days, 30 days, 90 days, 1 year, all, or custom range
- • Paginated list: Browse through all the questions (10 per page)
- • Full detail: See question, AI answer, product, language, and URL
- • FAQ status: Each question shows whether it is already published as an FAQ
- • Manual publish: Post any question as a FAQ with one click
New: The “FAQ“ column shows the status of each question: a green tick if it is synchronized with your store, a yellow badge if it is pending synchronization, or a + button to publish it manually.
Public FAQ in your store New
Automatically publish your customers’ frequently asked questions as FAQs on your online store products. Improve your SEO with Schema.org FAQPage and reduce repeated questions.
What is the Public FAQ?
When a customer asks a generic question about a product (for example: “Is it water-resistant?“ or “What is the shipping time?“), the AI assesses whether that question and answer would be useful for other customers.
If the AI decides that it is a good FAQ, it is published automatically. In Shopify, it syncs directly to the product’s metafield to display it in your theme. For WooCommerce, PrestaShop, and VTEX, the FAQs are automatically generated in the dashboard and are available for consultation.
Better SEO
Google shows your FAQs as rich snippets
Fewer questions
Customers see answers before asking
100% automatic
Without manual moderation needed
How it works
-
1
AI Assessment
When a customer asks a question, the AI evaluates whether it is generic (useful for others) and does not contain personal data.
-
2
Automatic translation
If the customer asks in another language, the FAQ is automatically translated to the main language of your store.
-
3
Anti-duplicates
It is verified that a similar FAQ (80% similarity) does not already exist before publishing.
-
4
Publication in your store
The FAQ is published in your store. In Shopify, it is stored in the metafield wazion.faqs of the product. In other platforms, the FAQs are available in the dashboard for consultation.
How to activate the Public FAQ
- Go to Dashboard → Plugins → Product Q&A
- Look for the “Public FAQ“ section.
- Turn on the “Enable public FAQ“ switch.
- If a permission prompt appears, click on “Verify permission
- Set the maximum number of FAQs per product (1-20)
- Save the changes
About the permission (Shopify): To write FAQs in Shopify you need the “write_products“ permission. If you don’t have it, go to your Shopify dashboard → Apps → WAzion → Permissions to add it.
Management of published FAQs
Although the FAQs are published automatically, you have full control from the Dashboard:
- • See FAQs: List of all published FAQs, filtered by product or status
- • Manual publish: From “Latest Questions“ you can post any question as a FAQ with one click.
- • Unpublish Remove a FAQ from your store but keep it in your history.
- • Republish: Republish a previously unpublished FAQ
- • Delete Permanently delete a FAQ
Show FAQs in your Shopify theme Shopify Integration
You need to add two codes in your main-product.liquid file:
1. Visual code (HTML)
Show the FAQs to your customers. Add it wherever you want them to appear:
<!-- WAzion Product FAQs -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<div class="product-faqs">
<h3 class="product-faqs__title">Preguntas Frecuentes</h3>
{% for faq in faqs_data.faqs %}
<details class="product-faqs__item">
<summary class="product-faqs__question">{{ faq.q }}</summary>
<div class="product-faqs__answer">{{ faq.a | newline_to_br }}</div>
</details>
{% endfor %}
</div>
{% endif %}
2. JSON-LD for SEO (Google Rich Snippets)
Invisible to users, but Google uses it to display FAQs in search results. Add it to the end of the file:
<!-- WAzion FAQs JSON-LD for SEO -->
{% assign faqs_data = product.metafields.wazion.faqs.value %}
{% if faqs_data.faqs.size > 0 %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{% for faq in faqs_data.faqs %}
{
"@type": "Question",
"name": {{ faq.q | json }},
"acceptedAnswer": {
"@type": "Answer",
"text": {{ faq.a | json }}
}
}{% unless forloop.last %},{% endunless %}
{% endfor %}
]
}
</script>
{% endif %}
Code 1: No styles so it inherits from your theme. Customize with CSS.
Code 2: Google Rich Snippets in search results.
What questions are NOT published?
AI automatically filters out questions that are not suitable for public FAQs.
- ✗ Questions with personal data (names, emails, phones)
- ✗ Inquiries about specific orders (order numbers, tracking)
- ✗ Individual complaints or issues
- ✗ Very specific questions that would not apply to other clients
- ✗ Duplicate questions (similar to already published FAQs)
Product Q&A vs Chat Web
| Feature | Product Q&A | Chat Web |
|---|---|---|
| Purpose | Questions about a specific product | General assistant for the entire site |
| AI Context | Product information from your online store | Your personalized prompt |
| Location | Product page | Any page (floating or embedded) |
| Requires online store | Yes | No |
| Prompt configuration | Optional (additional instructions) | Recommended |