CENTRO DE AYUDA Solo Shopify

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

  1. Abre el Dashboard de WAzion
  2. Ve a “Plugins“ → “Product Q&A“
  3. Activa el interruptor “Plugin activo“
  4. Añade tu dominio en “Dominios Autorizados“ (ej: mitienda.myshopify.com)
  5. Copia el código de integración
  6. 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.

1

Accede al editor de código del tema

En tu panel de administración de Shopify:

  1. Haz clic en Tienda online en el menú lateral izquierdo
  2. Selecciona Temas
  3. En tu tema actual (el que dice “Actual“), haz clic en los tres puntos (...)
  4. 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“.

2

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.)

  1. Expande la carpeta Sections
  2. Busca y haz clic en main-product.liquid

Temas antiguos (Vintage, Debut, etc.)

  1. Expande la carpeta Templates
  2. 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“.

3

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.

4

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.

5

Guarda los cambios

Haz clic en el botón Guardar en la esquina superior derecha del editor de código.

6

Verifica la instalación

  1. Abre tu tienda en una ventana de incógnito
  2. Ve a cualquier página de producto
  3. Deberías ver el widget de Product Q&A
  4. 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:

  1. En el editor de código, ve a la carpeta Snippets
  2. Haz clic en Añadir un nuevo snippet
  3. Nómbralo wazion-product-qa (se creará como wazion-product-qa.liquid)
  4. Pega el código del widget y guarda
  5. 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:

Minimal Modern Classic Dark Ocean Sunset Forest Rose Slate Neon

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. 1

    Evaluacion IA

    Cuando un cliente hace una pregunta, la IA evalua si es generica (util para otros) y no contiene datos personales.

  2. 2

    Traduccion automatica

    Si el cliente pregunta en otro idioma, la FAQ se traduce automaticamente al idioma principal de tu tienda.

  3. 3

    Anti-duplicados

    Se verifica que no exista ya una FAQ similar (80% similitud) antes de publicar.

  4. 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

  1. Ve a Dashboard → Plugins → Product Q&A
  2. Busca la seccion “FAQ Publica en Shopify“
  3. Activa el interruptor “Activar FAQ publica“
  4. Si aparece un aviso de permiso, haz clic en “Verificar permiso“
  5. Configura el maximo de FAQs por producto (1-20)
  6. 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 No
Configuración de prompt Opcional (instrucciones adicionales) Recomendado

Preguntas frecuentes

Artículos relacionados

Asistente WAzion

Informacion comercial y soporte tecnico

Hola! Soy el asistente de WAzion. Puedo ayudarte con informacion sobre precios y planes, dudas tecnicas, configuracion, o cualquier pregunta sobre nuestro producto. Como puedo ayudarte?
Desarrollado con WAzion AI