Product Q&A para Shopify
Widget de preguntas y respuestas con IA para las páginas de producto de tu tienda Shopify.
Requisito: Shopify conectado
Este plugin requiere tener Shopify conectado a WAzion para obtener la información de los productos. Si aún no lo has conectado, ve a Dashboard → Integraciones → Shopify.
¿Qué es Product Q&A?
Product Q&A es un widget que se integra en las páginas de producto de tu tienda Shopify. Permite a los visitantes hacer preguntas específicas sobre el producto y recibir respuestas instantáneas de la IA, basadas en la información real del producto.
- • Respuestas basadas en título, descripción, variantes y stock del producto
- • No requiere configurar prompt (pero puedes añadir instrucciones adicionales)
- • Soporte multiidioma con traducción automática
- • 10 temas de diseño para combinar con tu tienda
- • Estadísticas de preguntas por producto
Cómo activar el plugin
- Abre el Dashboard de WAzion
- Ve a “Plugins“ → “Product Q&A“
- Activa el interruptor “Plugin activo“
- Añade tu dominio en “Dominios Autorizados“ (ej: mitienda.myshopify.com)
- Copia el código de integración
- Pégalo en el archivo main-product.liquid de tu tema Shopify
Código de integración
Este es el código que necesitas añadir a tu tema de Shopify:
<!-- 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 -->
Nota: {{ product.id }} es una variable de Liquid que Shopify reemplaza automáticamente con el ID del producto actual. No la modifiques.
Guía paso a paso: Instalación en Shopify
Sigue estos pasos detallados para añadir el widget de Product Q&A a las páginas de producto de tu tienda Shopify.
Accede al editor de código del tema
En tu panel de administración de Shopify:
- Haz clic en Tienda online en el menú lateral izquierdo
- Selecciona Temas
- En tu tema actual (el que dice “Actual“), haz clic en los tres puntos (...)
- En el menú desplegable, selecciona Editar código
Consejo: Antes de hacer cambios, considera duplicar tu tema como respaldo. Ve a los tres puntos y selecciona “Duplicar“.
Busca el archivo de la página de producto
En el panel lateral izquierdo del editor de código:
Temas Online Store 2.0 (Dawn, etc.)
- Expande la carpeta Sections
- Busca y haz clic en main-product.liquid
Temas antiguos (Vintage, Debut, etc.)
- Expande la carpeta Templates
- Busca product.liquid o product-template.liquid
¿No lo encuentras? Usa Ctrl+F (o Cmd+F en Mac) en la lista de archivos y busca “product“.
Encuentra dónde insertar el código
Busca un buen lugar para el widget. Recomendamos colocarlo después de la descripción del producto:
Buscar referencias comunes:
Usa Ctrl+F (Cmd+F en Mac) para buscar estas referencias:
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Ubicación ideal: Después del formulario de añadir al carrito o después de la descripción del producto.
Pega el código del widget
Inserta el siguiente código en la ubicación que elegiste:
<!-- 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 -->
¡Importante! Reemplaza TU_TOKEN_AQUI con el token que aparece en tu Dashboard de WAzion → Plugins → Product Q&A.
Guarda los cambios
Haz clic en el botón Guardar en la esquina superior derecha del editor de código.
Verifica la instalación
- Abre tu tienda en una ventana de incógnito
- Ve a cualquier página de producto
- Deberías ver el widget de Product Q&A
- Haz una pregunta de prueba para verificar que funciona
Método alternativo: Crear un bloque de sección (Online Store 2.0)
Este método te permite añadir/quitar el widget desde el personalizador visual sin tocar código cada vez:
- En el editor de código, ve a la carpeta Snippets
- Haz clic en Añadir un nuevo snippet
- Nómbralo wazion-product-qa (se creará como wazion-product-qa.liquid)
- Pega el código del widget y guarda
- Ahora en main-product.liquid, donde quieras el widget, añade:
{% render 'wazion-product-qa' %}
Así puedes mover o quitar el widget fácilmente editando solo una línea.
Solución de problemas
El widget no aparece en la página de producto
- → Verifica que el plugin está activado en Dashboard → Plugins → Product Q&A
- → Comprueba que tu dominio está en la lista de dominios autorizados
- → Verifica que Shopify está conectado a WAzion
- → Abre la consola del navegador (F12 → Console) y busca errores en rojo
- → Prueba en ventana de incógnito para descartar problemas de caché
Error “Token inválido“ o “Dominio no autorizado“
- → Copia el token directamente desde el Dashboard, sin espacios
- → Añade tu dominio exacto a los autorizados: mitienda.myshopify.com Y mitienda.com
- → Espera unos segundos después de guardar cambios en el Dashboard
El widget aparece pero dice “Error al cargar producto“
- → Verifica que Shopify está conectado en Dashboard → Integraciones
- → Asegúrate de no haber modificado {{ product.id }} en el código
- → El producto debe estar publicado y visible en la tienda
El widget aparece en el lugar incorrecto
- → Mueve el código a otra ubicación en main-product.liquid
- → Busca referencias como “product__description“ para colocarlo debajo
- → Usa el estilo margin en el div para ajustar espaciado: style=“margin: 30px 0;“
No sé qué archivo editar en mi tema
Archivos comunes según el tema:
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
Si tu tema no está en la lista, busca archivos que contengan “product“ en Sections o Templates.
Opciones de configuración
Dominios Autorizados
Lista de dominios donde el widget puede funcionar. Por seguridad, solo se permite el uso desde dominios autorizados.
- • mitienda.myshopify.com
- • mitienda.com (dominio personalizado)
- • * (cualquier dominio - solo para desarrollo)
Temas de Diseño
10 temas prediseñados para adaptar el widget a tu tienda:
Textos del Widget
Personaliza los textos que ve el visitante:
- • Título del widget (ej: “Preguntas sobre este producto“)
- • Placeholder del campo de texto
- • Texto del botón de preguntar
Los textos se traducen automáticamente al idioma del visitante.
Instrucciones para la IA (opcional)
Puedes añadir información adicional que la IA tendrá en cuenta al responder:
- • Políticas de envío y devolución
- • Promociones activas
- • Instrucciones especiales (ej: “No mencionar productos de la competencia“)
- • Información de contacto
Este campo es opcional. Sin instrucciones adicionales, la IA responderá usando solo la información del producto de Shopify.
Configuración de Idioma
Auto-detectar
Detecta el idioma del navegador del visitante automáticamente.
Idioma fijo
Siempre mostrar en un idioma específico.
Con selector
Auto-detecta pero permite al visitante cambiar manualmente el idioma.
Protección Anti-Abuso
Limita el número de preguntas por visitante para proteger tu cuenta:
- • Máximo de preguntas por período (ej: 20 preguntas)
- • Ventana de tiempo en minutos (ej: 60 minutos)
Estadísticas y Visor de Preguntas
Métricas de uso
- • Preguntas totales
- • Preguntas en los últimos 7 días
- • Preguntas de hoy
- • Visitantes únicos (24h)
Productos más consultados
Visualiza un ranking de los 5 productos con más preguntas. Útil para identificar qué productos generan más dudas.
Visor de Preguntas
Revisa todas las preguntas realizadas por los visitantes:
- • Filtro por período: Hoy, 7 días, 30 días, 90 días, 1 año, todas, o rango personalizado
- • Lista paginada: Navega por todas las preguntas (10 por página)
- • Detalle completo: Ver pregunta, respuesta de la IA, producto, idioma y URL
- • Estado FAQ: Cada pregunta muestra si ya esta publicada como FAQ
- • Publicar manualmente: Publica cualquier pregunta como FAQ con un clic
Nuevo: La columna “FAQ“ muestra el estado de cada pregunta: un tick verde si esta sincronizada con Shopify, badge amarillo si esta pendiente de sincronizar, o un boton + para publicarla manualmente.
FAQ Publica en Shopify Nuevo
Publica automaticamente las preguntas frecuentes de tus clientes como FAQs en los productos de Shopify. Mejora tu SEO con Schema.org FAQPage y reduce las preguntas repetidas.
¿Que es la FAQ Publica?
Cuando un cliente hace una pregunta generica sobre un producto (por ejemplo: “¿Es resistente al agua?“ o “¿Cual es el tiempo de envio?“), la IA evalua si esa pregunta y respuesta serian utiles para otros clientes.
Si la IA decide que es una buena FAQ, se publica automaticamente en el metafield del producto en Shopify. Luego puedes mostrar estas FAQs en tu tema con el codigo Liquid que te proporcionamos.
Mejor SEO
Google muestra tus FAQs como rich snippets
Menos preguntas
Los clientes ven respuestas antes de preguntar
100% automatico
Sin moderacion manual necesaria
Como funciona
-
1
Evaluacion IA
Cuando un cliente hace una pregunta, la IA evalua si es generica (util para otros) y no contiene datos personales.
-
2
Traduccion automatica
Si el cliente pregunta en otro idioma, la FAQ se traduce automaticamente al idioma principal de tu tienda.
-
3
Anti-duplicados
Se verifica que no exista ya una FAQ similar (80% similitud) antes de publicar.
-
4
Publicacion en Shopify
La FAQ se guarda en el metafield wazion.faqs del producto, lista para mostrar en tu tema.
Como activar la FAQ Publica
- Ve a Dashboard → Plugins → Product Q&A
- Busca la seccion “FAQ Publica en Shopify“
- Activa el interruptor “Activar FAQ publica“
- Si aparece un aviso de permiso, haz clic en “Verificar permiso“
- Configura el maximo de FAQs por producto (1-20)
- Guarda los cambios
Sobre el permiso: Para escribir FAQs en Shopify necesitas el permiso “write_products“. Si no lo tienes, ve a tu panel de Shopify → Apps → WAzion → Permisos para añadirlo.
Gestion de FAQs publicadas
Aunque las FAQs se publican automaticamente, tienes control total desde el Dashboard:
- • Ver FAQs: Lista de todas las FAQs publicadas, filtradas por producto o estado
- • Publicar manualmente: Desde “Ultimas Preguntas“ puedes publicar cualquier pregunta como FAQ con un clic
- • Despublicar: Quita una FAQ de Shopify pero la mantiene en tu historial
- • Republicar: Vuelve a publicar una FAQ previamente despublicada
- • Eliminar: Borra permanentemente una FAQ
Mostrar FAQs en tu tema Shopify
Necesitas añadir dos codigos en tu archivo main-product.liquid:
1. Codigo visual (HTML)
Muestra las FAQs a tus clientes. Añadelo donde quieras que aparezcan:
<!-- 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 para SEO (Google Rich Snippets)
Invisible para usuarios, pero Google lo usa para mostrar FAQs en resultados de busqueda. Añadelo al final del archivo:
<!-- 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 %}
Codigo 1: Sin estilos para que herede de tu tema. Personaliza con CSS.
Codigo 2: Google Rich Snippets en resultados de busqueda.
¿Que preguntas NO se publican?
La IA filtra automaticamente las preguntas que no son aptas para FAQ publica:
- ✗ Preguntas con datos personales (nombres, emails, telefonos)
- ✗ Consultas sobre pedidos especificos (numeros de pedido, tracking)
- ✗ Quejas o problemas individuales
- ✗ Preguntas muy especificas que no aplicarian a otros clientes
- ✗ Preguntas duplicadas (similares a FAQs ya publicadas)
Product Q&A vs Chat Web
| Característica | Product Q&A | Chat Web |
|---|---|---|
| Propósito | Preguntas sobre un producto específico | Asistente general para todo el sitio |
| Contexto de la IA | Información del producto de Shopify | Tu prompt personalizado |
| Ubicación | Página de producto | Cualquier página (flotante o embebido) |
| Requiere Shopify | Sí | No |
| Configuración de prompt | Opcional (instrucciones adicionales) | Recomendado |