WAKE

Provador virtual para
WAKE

Instale o widget Provei.AI na WAKE Storefront pelo template de produto. A integração usa o snippet assíncrono gerado no painel e requer o cadastro ou a importação dos produtos na Provei.AI.

10-20 minutos Intermediária

Instalação pelo snippet JavaScript gerado no painel Provei.AI

Aplicação no template de produto da WAKE Storefront

Carregamento assíncrono sem app ou plugin adicional

Validação segura em branch ou tema de preview antes da publicação

Ver instalação Falar com especialista

Código de instalação

Copie o script do seu painel Provei.AI e instale no local indicado para esta plataforma. O USER_ID é único para cada conta.

Não é necessário instalar apps ou plugins.
O script é assíncrono e não bloqueia o carregamento.
Remover o script desativa o provador instantaneamente.

Snippet Use o script do painel

					<!-- Provei Widget - Visualizador de Ambientes -->
<script src="https://app.provei.ai/api/v2/snippet/SEU_USER_ID" async></script>

Passo a passo de instalação

Siga o caminho abaixo para instalar o script na sua loja WAKE: Template de produto, antes do </body>.

WAKE Storefront (template de produto)

Storefront > Repositório (Git) > Pages/product.html

1

Cadastre os domínios da loja na Provei.AI

Adicione a origem de produção e, quando aplicável, os domínios sem www, de preview, staging ou regionais que carregarão o widget.
2

Cadastre ou importe os produtos

Associe cada produto à URL pública exata da página correspondente na WAKE. Configure também tabelas e dados de tamanho quando usar os widgets de medidas.
3

Copie o snippet gerado no painel Provei.AI

Em Configurações do Widget, escolha o produto correto e copie o snippet Básico completo. Use a URL gerada pelo painel, sem montar o endpoint manualmente.
4

Localize o template de produto da WAKE

No repositório Storefront, confira em Configs/pages.json qual arquivo está mapeado para o tipo product e abra o template correspondente em Pages/.
5

Adicione o snippet ao fim do template

Cole o snippet próximo ao final do template de produto, preferencialmente antes de </body> quando essa tag estiver no arquivo.
6

Publique primeiro em preview

Faça commit na branch ou no tema de preview, valide a jornada em desktop e mobile e só depois publique pelo fluxo normal da loja.

Observações importantes

A Provei.AI não possui conector nativo WAKE/FBits para sincronização automática de catálogo.
Use sempre o snippet exato do painel: Fashion, Móveis e Medidas podem usar endpoints diferentes.
Se a loja navega entre produtos sem recarregar a página, valide a atualização do widget durante a troca de rota.
Verifique CSP, CORS e respostas de rede para os domínios da Provei.AI antes da publicação.

Beneficios para lojas WAKE

O Provei.AI melhora a experiencia de compra sem exigir mudancas no seu fluxo atual.

Integração pelo Storefront existente

O widget entra no template de produto da WAKE por JavaScript, sem exigir um aplicativo separado para a instalação básica.

Carregamento assíncrono

O snippet é carregado de forma assíncrona e pode ficar restrito às páginas de produto, evitando JavaScript desnecessário em busca, categoria, conta e checkout.

Publicação controlada por preview

O fluxo de repositório da WAKE permite testar a integração em uma branch ou tema de preview antes de levar a alteração para produção.

Compatível com os widgets Provei.AI

A instalação usa o snippet gerado para o produto contratado, incluindo Fashion, Móveis ou Medidas, conforme a configuração da conta.

Correspondência pela URL pública

Na instalação básica, o widget usa a URL atual da página para localizar o produto cadastrado na Provei.AI.

Caminho simples para começar

Lojas podem iniciar com cadastro manual ou importação por feed e avaliar um conector de catálogo apenas quando o volume ou a frequência de mudanças justificar.

Sobre a integração

Provador virtual para WAKE Storefront via JavaScript

A WAKE Storefront permite editar templates em HTML e JavaScript e integrar serviços de terceiros. Por isso, a instalação básica da Provei.AI na WAKE usa o mesmo snippet assíncrono disponível para outras plataformas: copie o código gerado no painel e adicione-o ao template de produto.

Essa compatibilidade cobre o carregamento e a execução do widget. Ela não representa um conector nativo de catálogo: hoje, produtos, URLs públicas e dados de tamanho precisam ser cadastrados ou importados separadamente na Provei.AI.

Como preparar a integração

Antes de alterar o tema, cadastre na Provei.AI a origem de produção da loja e qualquer domínio adicional que realmente carregará o widget. Isso inclui, quando usados, o domínio sem www, endereços de preview ou staging e domínios regionais.

Depois, associe cada produto à URL pública exata da sua página na WAKE. O widget lê a URL atual do navegador para localizar o cadastro correspondente. Para tabelas, recomendação ou comparação de tamanhos, configure também as medidas aplicáveis no painel Provei.AI.

Como instalar no template de produto

No repositório da WAKE Storefront, abra Configs/pages.json e encontre o mapeamento cujo tipo é product. Esse registro aponta para o arquivo de página usado pela loja, normalmente um template dentro de Pages/.

Cole o snippet gerado pela Provei.AI perto do final desse template, preferencialmente antes de </body> quando a tag estiver no próprio arquivo. Instalar apenas na página de produto evita carregar o widget em busca, categoria, conta e checkout sem necessidade.

Use o código completo copiado de Configurações do Widget. Fashion, Móveis e Medidas podem usar endpoints diferentes, então não monte a URL do script manualmente.

Validação antes da produção

Publique primeiro em uma branch ou tema de preview e confirme:

o botão da Provei.AI aparece no produto correto;
a experiência abre e conclui o fluxo principal;
desktop e mobile mantêm o layout utilizável;
não há bloqueios de CSP, CORS ou script no console;
as requisições para a Provei.AI retornam com sucesso;
a troca entre páginas de produto continua selecionando o item correto.

Se a loja usa navegação client-side, teste a troca de produto sem recarregar a página. Não existe hoje um adaptador de ciclo de vida específico para WAKE, então esse cenário precisa ser confirmado no tema real.

Sincronização de catálogo

O snippet não importa o catálogo automaticamente. Para começar, use cadastro manual ou um feed compatível. Um conector sob medida com a API da WAKE faz sentido quando o catálogo é grande ou muda com frequência e precisa sincronizar IDs, URLs, imagens, categorias e status.

Consulte também a visão geral da WAKE Storefront, a documentação de pages.json, a estrutura de páginas e o fluxo de integração com repositório Git.

Converse com a Provei.AI sobre sua loja WAKE para validar o produto, o snippet e o fluxo de cadastro mais adequado.

Perguntas frequentes

Respostas rápidas sobre instalação e funcionamento.

1 A Provei.AI é compatível com a WAKE Storefront?

Sim. A instalação básica é compatível por meio do snippet JavaScript assíncrono inserido no template de produto da WAKE Storefront.

2 Existe integração nativa entre Provei.AI e WAKE ou FBits?

Ainda não. O widget funciona via script, mas o catálogo não é sincronizado automaticamente por um conector nativo WAKE/FBits.

3 Onde devo instalar o snippet na WAKE?

Confira em Configs/pages.json qual arquivo atende ao tipo product, abra o template correspondente em Pages/ e cole o snippet próximo ao final, preferencialmente antes de </body>.

4 Preciso cadastrar os produtos da WAKE na Provei.AI?

Sim. Na instalação básica, os produtos devem ser cadastrados ou importados separadamente e vinculados às URLs públicas exatas das páginas da WAKE.

5 Posso testar o widget antes de publicar?

Sim. Use uma branch ou tema de preview da WAKE, cadastre o domínio de preview na Provei.AI e valide a jornada antes de publicar em produção.

6 O widget funciona quando a loja troca de produto sem recarregar a página?

Esse comportamento precisa ser validado no tema. A Provei.AI usa a URL atual para encontrar o produto, mas não possui um adaptador específico para mudanças de rota da WAKE.