Perguntas e Respostas de Produto para Shopify
Widget de perguntas e respostas com IA para as páginas de produto da sua loja Shopify.
Requisito: Shopify conectado
Este plugin requer que o Shopify esteja conectado ao WAzion para obter as informações dos produtos. Se ainda não o conectou, vá para Dashboard → Integrações → Shopify.
O que é Product Q&A?
Product Q&A é um widget que se integra nas páginas de produto da sua loja Shopify. Permite aos visitantes fazer perguntas específicas sobre o produto e receber respostas instantâneas da IA, baseadas nas informações reais do produto.
- • Respostas baseadas no título, descrição, variantes e estoque do produto
- • Não é necessário configurar prompt (mas você pode adicionar instruções adicionais)
- • Suporte multilíngue com tradução automática
- • 10 temas de design para combinar com sua loja
- • Estatísticas de perguntas por produto
Como ativar o plugin
- Abra o Painel de Controle do WAzion
- Vá para “Plugins“ → “Product Q&A
- Ativa o interruptor “Plugin ativo
- Adicione seu domínio em “Domínios Autorizados“ (ex: mitienda.myshopify.com)
- Copie o código de integração
- Cole-o no arquivo main-product.liquid do seu tema Shopify
Código de integração
Este é o código que você precisa adicionar ao seu tema 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 }} é uma variável do Liquid que o Shopify substitui automaticamente pelo ID do produto atual. Não a modifique.
Guia passo a passo: Instalação no Shopify
Siga estes passos detalhados para adicionar o widget de Perguntas e Respostas de Produto às páginas de produto da sua loja Shopify.
Acesse o editor de código do tema
No seu painel de administração do Shopify:
- Clique em Loja online no menu lateral esquerdo
- Seleciona Temas
- No seu tema atual (aquele que diz “Atual“), clique nos três pontos (...)
- No menu suspenso, selecione Editar código
Conselho: Antes de fazer alterações, considere duplicar seu tema como backup. Vá aos três pontos e selecione “Duplicar“.
Procure o arquivo da página do produto
No painel lateral esquerdo do editor de código:
Temas Loja Online 2.0 (Dawn, etc.)
- Expanda a pasta Seções
- Procure e clique em main-product.liquid
Temas antigos (Vintage, Debut, etc.)
- Expanda a pasta Templates
- Procure product.liquid ou product-template.liquid
Não encontra? Use Ctrl+F (ou Cmd+F no Mac) na lista de arquivos e procure por “product“.
Encontre onde inserir o código
Procure um bom lugar para o widget. Recomendamos colocá-lo após a descrição do produto:
Buscar referências comuns:
Use Ctrl+F (Cmd+F no Mac) para buscar estas referências:
- • product.description
- • product-form
- • add-to-cart
- • buy-buttons
Localização ideal: Após o formulário de adicionar ao carrinho ou após a descrição do produto.
Cole o código do widget
Insira o seguinte código na localização que você escolheu:
<!-- 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! Substitua SEU_TOKEN_AQUI pelo token que aparece no seu Dashboard da WAzion → Plugins → Product Q&A.
Guarda as alterações
Clique no botão Salvar no canto superior direito do editor de código.
Verifique a instalação
- Abra sua loja em uma janela anônima
- Vá a qualquer página de produto
- Você deveria ver o widget de Perguntas e Respostas do Produto
- Faça uma pergunta de teste para verificar se funciona
Método alternativo: Criar um bloco de seção (Online Store 2.0)
Este método permite adicionar/remover o widget pelo personalizador visual sem precisar mexer no código toda vez:
- No editor de código, vá para a pasta Snippets
- Clique em Adicionar um novo snippet
- Nomeie-o wazion-product-qa (será criado como wazion-product-qa.liquid)
- Cole o código do widget e salve
- Agora em main-product.liquid, onde quiser o widget, adicione:
{% render 'wazion-product-qa' %}
Assim você pode mover ou remover o widget facilmente editando apenas uma linha.
Solução de problemas
O widget não aparece na página do produto
- → Verifique se o plugin está ativado em Dashboard → Plugins → Product Q&A
- → Verifique se seu domínio está na lista de domínios autorizados
- → Verifique se o Shopify está conectado ao WAzion
- → Abra o console do navegador (F12 → Console) e procure por erros em vermelho
- → Faça o teste em janela anônima para descartar problemas de cache
Erro “Token inválido“ ou “Domínio não autorizado
- → Copie o token diretamente do Painel, sem espaços
- → Adicione seu domínio exato aos autorizados: mitienda.myshopify.com E mitienda.com
- → Espere alguns segundos após salvar as alterações no Painel
O widget aparece, mas diz “Erro ao carregar produto
- → Verifique se o Shopify está conectado em Dashboard → Integrações
- → Certifique-se de não ter modificado {{ product.id }} no código
- → O produto deve estar publicado e visível na loja
O widget aparece no lugar errado
- → Mova o código para outra localização em main-product.liquid
- → Procure referências como “product__description“ para colocá-las abaixo
- → Use o estilo margin no div para ajustar o espaçamento: style=“margin: 30px 0;
Não sei qual arquivo editar no meu tema
Arquivos comuns por tema:
- Dawn, Craft, Sense: sections/main-product.liquid
- Debut: sections/product-template.liquid
- Brooklyn: templates/product.liquid
- Minimal: sections/product-template.liquid
Se o seu tema não estiver na lista, procure arquivos que contenham “product“ em Sections ou Templates.
Opções de configuração
Domínios Autorizados
Lista de domínios onde o widget pode funcionar. Por segurança, somente é permitido o uso a partir de domínios autorizados.
- • mitienda.myshopify.com
- • mitienda.com (dominio personalizado)
- • * (qualquer domínio - apenas para desenvolvimento)
Temas de Design
10 temas pré-projetados para adaptar o widget à sua loja:
Textos do Widget
Personalize os textos que o visitante vê:
- • Título do widget (ex: “Perguntas sobre este produto“)
- • Espaço reservado para o campo de texto
- • Texto do botão de perguntar
Os textos são traduzidos automaticamente para o idioma do visitante.
Instruções para a IA (opcional)
Você pode adicionar informações adicionais que a IA levará em consideração ao responder:
- • Políticas de envio e devolução
- • Promoções ativas
- • Instruções especiais (ex: “Não mencionar produtos da concorrência“)
- • Informações de contato
Este campo é opcional. Sem instruções adicionais, a IA responderá usando apenas as informações do produto do Shopify.
Configuração de Idioma
Auto-detectar
Detecta automaticamente o idioma do navegador do visitante.
Idioma fixo
Sempre mostrar em um idioma específico.
Com seletor
Detecta automaticamente, mas permite que o visitante mude o idioma manualmente.
Proteção Anti-Abuso
Limite o número de perguntas por visitante para proteger sua conta:
- • Máximo de perguntas por período (ex: 20 perguntas)
- • Janela de tempo em minutos (ex: 60 minutos)
Estatísticas e Visualizador de Perguntas
Métricas de uso
- • Perguntas totais
- • Perguntas nos últimos 7 dias
- • Perguntas de hoje
- • Visitantes únicos (24h)
Produtos mais consultados
Visualize um ranking dos 5 produtos com mais perguntas. Útil para identificar quais produtos geram mais dúvidas.
Visualizador de Perguntas
Revise todas as perguntas feitas pelos visitantes:
- • Filtro por período: Hoje, 7 dias, 30 dias, 90 dias, 1 ano, todos, ou intervalo personalizado
- • Lista paginada: Navegue por todas as perguntas (10 por página)
- • Detalhe completo: Ver pergunta, resposta da IA, produto, idioma e URL
- • Estado FAQ: Cada pergunta mostra se já está publicada como FAQ
- • Publicar manualmente: Publique qualquer pergunta como FAQ com um clique
Novo: A coluna “FAQ“ mostra o estado de cada pergunta: um tick verde se está sincronizada com a Shopify, um badge amarelo se está pendente de sincronizar, ou um botão + para publicá-la manualmente.
FAQ Publica no Shopify Novo
Publica automaticamente as perguntas frequentes dos seus clientes como FAQs nos produtos da Shopify. Melhore seu SEO com Schema.org FAQPage e reduza as perguntas repetidas.
O que é a FAQ Pública?
Quando um cliente faz uma pergunta genérica sobre um produto (por exemplo: “É resistente à água?“ ou “Qual é o tempo de envio?“), a IA avalia se essa pergunta e resposta seriam úteis para outros clientes.
Se a IA decidir que é uma boa FAQ, ela é publicada automaticamente no metafield do produto no Shopify. Depois, você pode mostrar essas FAQs no seu tema com o código Liquid que fornecemos.
Melhor SEO
O Google exibe suas FAQs como rich snippets
Menos perguntas
Os clientes veem respostas antes de perguntar
100% automático
Sem moderação manual necessária
Como funciona
-
1
Avaliação IA
Quando um cliente faz uma pergunta, a IA avalia se é genérica (útil para outros) e não contém dados pessoais.
-
2
Tradução automática
Se o cliente perguntar em outro idioma, a FAQ será traduzida automaticamente para o idioma principal da sua loja.
-
3
Anti-duplicados
Verifica-se que não exista já um FAQ semelhante (80% de semelhança) antes de publicar.
-
4
Publicação no Shopify
A FAQ é armazenada no metafield wazion.faqs do produto, pronta para exibir no seu tema.
Como ativar a FAQ Pública
- Vá para Dashboard → Plugins → Product Q&A
- Procure a seção “FAQ Pública no Shopify
- Ative o interruptor “Ativar FAQ pública
- Se aparecer um aviso de permissão, clique em “Verificar permissão
- Configure o máximo de FAQs por produto (1-20)
- Guarda as alterações
Sobre a permissão: Para escrever FAQs no Shopify você precisa da permissão “write_products“. Se não a tiver, vá ao seu painel do Shopify → Apps → WAzion → Permissões para adicioná-la.
Gestão de FAQs publicadas
Embora as FAQs sejam publicadas automaticamente, você tem controle total a partir do Painel de Controle:
- • Ver FAQs: Lista de todas as FAQs publicadas, filtradas por produto ou estado
- • Publicar manualmente: Desde “Últimas Preguntas“ você pode publicar qualquer pergunta como FAQ com um clique
- • Despublicar Remove uma FAQ do Shopify mas mantém-na no seu histórico
- • Republicar: Voltar a publicar uma FAQ previamente despublicada
- • Eliminar: Apaga permanentemente uma FAQ
Mostrar FAQs no seu tema Shopify
Necesitas adicionar dois códigos no seu arquivo main-product.liquid:
1. Código visual (HTML)
Mostre as FAQs aos seus clientes. Adicione onde quiser que elas apareçam:
<!-- 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)
Invisível para usuários, mas o Google o usa para mostrar FAQs nos resultados de busca. Adicione-o ao final do arquivo:
<!-- 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 %}
Código 1: Sem estilos para que herde do seu tema. Personalize com CSS.
Código 2: Google Rich Snippets nos resultados de busca.
Que perguntas NÃO são publicadas?
A IA filtra automaticamente as perguntas que não são adequadas para FAQ pública:
- ✗ Perguntas com dados pessoais (nomes, e-mails, telefones)
- ✗ Consultas sobre pedidos específicos (números de pedido, rastreamento)
- ✗ Reclamações ou problemas individuais
- ✗ Perguntas muito específicas que não se aplicariam a outros clientes
- ✗ Perguntas duplicadas (semelhantes às FAQs já publicadas)
Perguntas e Respostas do Produto vs Chat na Web
| Característica | Product Q&A | Chat Web |
|---|---|---|
| Propósito | Perguntas sobre um produto específico | Assistente geral para todo o site |
| Contexto da IA | Informações do produto do Shopify | Seu prompt personalizado |
| Localização | Página do produto | Qualquer página (flutuante ou embutida) |
| Requer Shopify | Sim | Não |
| Configuração de prompt | Opcional (instruções adicionais) | Recomendado |