Provador virtual em Tray Commerce: tutorial completo

Tutorial passo a passo para instalar provador virtual em Tray Commerce: códigos de marketing, tabelas de medidas e como testar antes de publicar.

Por Equipe Provou

Tray · Tray Commerce · instalação · provador virtual

Tray no varejo brasileiro

Tray, parte do grupo Locaweb, é uma das plataformas de e-commerce mais usadas no varejo brasileiro de moda em segmento médio. Ela combina dois sabores: a Tray Commerce, voltada a marcas em crescimento, e a Tray Corp, para enterprise. Em 2026, a base ativa supera 65 mil lojas, segundo dados públicos do grupo Locaweb.

A plataforma é apreciada por integrações nativas com correios, meios de pagamento brasileiros, marketplaces (Mercado Livre, Magalu, B2W, Amazon) e ERPs locais. O catálogo é flexível, com bom suporte a variantes (cor x tamanho), o que torna o ambiente especialmente adequado para moda.

Apesar do bom suporte de catálogo, a recomendação de tamanho continua mal resolvida na PDP padrão. A maioria das lojas Tray ainda exibe uma tabela estática genérica em modal, e a devolução por tamanho lidera as razões de troca. Adicionar um provador virtual é a alavanca mais direta para mudar esse quadro.

Antes de começar

  • Plano Tray ativo (Tray Commerce ou Tray Corp).
  • Acesso de admin à loja.
  • Cadastro Provou ativo (use o cadastro gratuito, 14 dias sem cartão).
  • Slug da sua loja no Provou.
  • Tabela de medidas em CSV ou feed GMC sincronizado.

Tempo estimado: 6 a 10 minutos para instalação básica.

Acesso ao painel admin

  1. Acesse o admin Tray (URL geralmente https://www.lojavirtual.com.br/admin).
  2. Faça login com seu usuário admin.
  3. No menu lateral, identifique a seção de Configurações ou Personalização da loja.

A interface da Tray foi atualizada algumas vezes. Em 2026, o caminho mais comum para inserir scripts externos é via Configurações > Personalização > Códigos de marketing ou similar. Em algumas versões aparece como Tags HTML.

Onde colar o script no Tray

O snippet base do Provou:

``html <script src="https://cdn.provou.app.br/v1.js" data-store="sua-loja" async></script> ``

Caminho recomendado:

  1. No admin: Configurações > Personalização da loja > Códigos de marketing (ou Tags HTML, dependendo da versão).
  2. Identifique o campo que injeta no <head> (geralmente "Tag de cabeçalho" ou "Head").
  3. Cole o snippet.
  4. Salve.

Algumas lojas Tray oferecem campos separados para cabeçalho, body e rodapé. Use cabeçalho para o Provou: o async já evita bloqueio de parse.

Se a versão da Tray na sua loja não tem esse campo, o caminho alternativo é editar o template do tema diretamente:

  1. Personalização > Editar HTML/CSS.
  2. Encontre o arquivo principal do layout (geralmente layout.html ou base.html).
  3. Cole o snippet antes de </head>.
  4. Salve.

Vantagem do caminho via Códigos de Marketing: independente do tema, sobrevive a updates.

Importação de tabelas de medidas

A Tray exporta CSV de produtos no admin (Produtos > Exportar). O Provou aceita:

  1. CSV upload: caminho mais comum. Exporte do admin, adicione colunas de medidas, importe no painel Provou.
  2. Feed Google Merchant Center: se sua loja já alimenta GMC, apenas conecte o feed.
  3. Sitemap: o Provou pode varrer páginas com Microdata e extrair especificações.

Para entender estrutura ideal e padronização, veja o guia sobre tabela de medidas.

PDP e template de produto

O widget Provou ancora-se ao seletor de tamanho na PDP (variantes). Em temas Tray padrão, isso funciona automaticamente. Em temas customizados, pode ser preciso ajustar:

  • O widget injeta no <body> por padrão.
  • O botão "Provador virtual" pode ser ancorado a um container específico via atributo data-anchor="provou".
  • Cor e tema seguem variáveis CSS do tema; força via data-theme="dark" ou light.

Em PDPs com modais customizados, valide z-index para evitar sobreposição.

Como testar antes de publicar

Tray oferece dois mecanismos:

  1. Modo manutenção: ative em Configurações > Loja virtual, com senha. Cole o snippet, valide, depois desative.
  2. Loja de teste: crie uma conta trial separada e valide nela antes de aplicar na principal.

Você também pode publicar direto e usar o kill switch do Provou (no painel, ative disabled: true). Próximo carregamento do widget vê o config como desabilitado e não renderiza.

Em qualquer caso, valide:

  • DevTools > Network: v1.js carrega 200 OK.
  • DevTools > Console: sem erros de CSP ou MIME.
  • Painel Provou: eventos chegam (widgetloaded, recommendationcomputed).
  • PDP em mobile e desktop.

Boas práticas e troubleshooting

Widget não aparece. Verifique se o snippet foi salvo no campo correto. Confirme o slug em data-store. Limpe o cache do navegador.

Conflito com app concorrente. Se já existe outra ferramenta de tamanho, desinstale antes para evitar dois widgets.

CSP bloqueia o script. Adicione cdn.provou.app.br ao Content Security Policy se sua loja tem policy customizada (raro em Tray padrão).

Variantes não disparam recomendação. Em temas customizados, ajuste o seletor para capturar mudança de SKU.

Performance. Em testes, lojas Tray mantêm score Lighthouse Mobile idêntico pré e pós-instalação. 18 KB gzip, async, Shadow DOM. Sem impacto em LCP, CLS ou INP.

Para começar, abra o cadastro gratuito, copie o slug, instale em Códigos de Marketing e teste em modo manutenção. Em uma manhã sua loja está com Provou rodando.

Se você compara plataformas no varejo brasileiro, leia também os guias de Nuvemshop e Loja Integrada. Para o catálogo completo de artigos, navegue pelo blog.

Métricas e analytics em Tray

Após instalar, configure a medição. A Tray suporta integração nativa com Google Analytics 4, Meta Pixel e Tag Manager via Configurações > Personalização > Códigos de marketing. O Provou emite cinco eventos client-side que você captura via window.addEventListener ou pelo dataLayer:

  • widget_loaded: widget renderizado na PDP.
  • widget_opened: cliente abriu o modal.
  • chart_viewed: tabela detalhada visualizada.
  • recommendation_computed: recomendação calculada.
  • widget_closed: modal fechado.

KPIs primários:

  • Taxa de abertura: visitantes da PDP que abriram o widget. Esperado: 10% a 16% em moda.
  • Taxa de completude: % dos abridores que preencheram as quatro medidas. Esperado: 70% a 85%.
  • Aplicação da recomendação: % que selecionaram o tamanho sugerido. Esperado: 65% a 80%.
  • Lift de conversão: diferença entre cohort que usou e cohort que não usou. Esperado: +2 a +4 pp.
  • Redução de devoluções por tamanho: medida em janelas de 60 a 90 dias. Esperado: -25% a -42%.

Em Tray Corp, é possível cruzar com BI próprio (Looker, Power BI) através de export periódico de eventos via API.

Casos comuns em moda Tray

Lojas Tray de moda concentram quatro perfis dominantes:

Multimarcas e franquias regionais. Catálogo amplo (3.000 a 12.000 SKUs), múltiplas marcas próprias e revendidas, presença em vários estados. O Provou rende mais quando o catálogo é segmentado por modelagem (slim, regular, oversized) na tabela. A normalização inicial leva tempo, mas o efeito sustentado é grande.

Marcas próprias com produção verticalizada. Catálogo enxuto (200 a 1.500 SKUs), modelagem própria, possível controle sobre a costura. Para esse perfil, o Provou aproveita ao máximo a modelagem específica. A redução típica de devolução fica acima de 35% em 90 dias.

Lojistas com presença omnichannel (loja física + Tray online + marketplaces). O widget na Tray captura conversão online; tabelas idênticas às usadas no PDV físico mantêm consistência de tamanho entre canais. Mude uma vez, propague em ambos.

Marcas em escalada da Tray Commerce para Tray Corp. À medida que a operação cresce, a integração via API permite automações. Comece com CSV em Tray Commerce; migre para sincronização contínua quando volumes crescerem.

Para começar, abra o cadastro gratuito, copie o slug e cole em Configurações > Personalização > Códigos de marketing. Em poucos minutos a operação está rodando. Para entender o impacto financeiro paralelo, consulte o guia de ROI e o guia de redução de devoluções.

Implementação em times pequenos vs grandes

Lojas Tray dividem-se em dois perfis operacionais que definem o esforço de implementação.

Time pequeno (1-3 pessoas): tipicamente um dono ou um pequeno time multifuncional. O caminho recomendado é instalar via Códigos de Marketing (5 minutos), importar tabela via CSV simples e validar em modo manutenção. A primeira sincronização leva uma manhã. Os primeiros KPIs aparecem em 30 dias. A maior dificuldade não é técnica, é disciplina de catálogo: manter tabelas atualizadas quando entram coleções novas.

Time médio (4-15 pessoas): tem dev, marketing e operação separados. Aqui faz sentido automatizar a sincronização de catálogo via API Tray Corp e configurar dashboards próprios em GA4 ou Looker. A integração com BI corporativo permite cruzar uso do widget com cohorts de cliente, sazonalidade e canal de aquisição. O playbook de redução de devoluções em 90 dias cabe direto nesse perfil.

Em ambos os casos, o ROI é mensurável. Para a calculadora financeira, veja o guia de ROI.

Próximos passos

Depois de instalar e medir, vem o ciclo de iteração. Em 30 dias, revisite a tabela de medidas: peças com taxa de devolução acima da média provavelmente têm modelagem mal mapeada. Em 60 dias, expanda comunicação na PDP (copy curta, vídeo curto explicando o widget). Em 90 dias, rode A/B test formal para quantificar o lift de conversão e confirmar o ROI projetado.

A Tray combina simplicidade operacional com profundidade de catálogo. Provou aproveita os dois.

Tray oferece o framework consolidado para vender moda no Brasil. Provou oferece o tamanho certo. A integração é uma das mais simples do mercado: cinco campos no painel e a operação está ativa.

Dúvidas comuns.

  • 01Tray Commerce e Tray Corp suportam o Provou?

    Sim, ambos. A diferença é principalmente de capacidade e suporte; o ponto técnico de inserção (Códigos de Marketing ou edição de template) é o mesmo. Em Tray Corp, há mais flexibilidade para automações via API.

  • 02Onde fica o campo de Códigos de Marketing no Tray?

    Geralmente em Configurações > Personalização da loja. O nome do campo varia entre versões: pode aparecer como "Códigos de marketing", "Tags HTML" ou "Head/Body". Procure o que injeta no <head>.

  • 03O Provou consume o catálogo Tray automaticamente?

    Via CSV exportado do admin (caminho mais usado), feed GMC ou conectando à API da Tray (Tray Corp). Para validação inicial, CSV é o mais rápido.

  • 04Tem impacto em SEO ou Lighthouse?

    Não. 18 KB gzip, async, Shadow DOM, lazy init. Em testes em lojas Tray em produção, Lighthouse Mobile não muda. SEO orgânico tampouco é afetado.

  • 05Posso desativar o widget rapidamente em caso de problema?

    Sim. No painel do Provou há kill switch global. Próximo carregamento do widget vê config desabilitado e não renderiza. Sem editar código, sem deploy.

Próximo passo

Coloque o Provou na sua loja em Tray.

14 dias grátis. Sem cartão. Cancela quando quiser.