Provador virtual na Nuvemshop: como instalar

Na Nuvemshop, o código da Provei vai no layout usado por todas as páginas, logo antes de </body>. Há dois caminhos: editar o código do layout, se o seu plano da Nuvemshop permite, ou adicionar o código pelo Google Tag Manager.

Copiar o código no painel

1. No painel da Provei, abra Instalação.

2. Escolha Nuvemshop e clique em Continuar.

3. Se a conta tem mais de um provador, escolha qual instalar agora.

4. Clique em Copiar código.

   

Colar o código na loja

Código do layout

Este caminho exige um plano da Nuvemshop com acesso ao código-fonte do layout e conhecimento de HTML. Se não for o seu caso, peça a quem cuida da loja ou use a aba Google Tag Manager.

1. No admin da Nuvemshop, abra Loja online › Layout.

2. No layout em uso, clique em Editar o código e siga as instruções da Nuvemshop para liberar o acesso aos arquivos.

3. Abra o arquivo de layout usado por todas as páginas da loja.

4. Cole o código uma única vez, no final do arquivo, logo antes de </body>.

5. Salve e publique.

Cuidado

A Nuvemshop avisa que não faz cópia de layouts personalizados. Guarde uma cópia dos arquivos antes de mudar qualquer coisa.

Google Tag Manager

Use este caminho se a sua loja já tem o Google Tag Manager conectado à Nuvemshop.

1. No Google Tag Manager, abra o contêiner ligado à sua loja.

2. Crie uma tag nova do tipo HTML personalizado.

3. Cole o código da Provei no campo de HTML.

4. Em Acionamento, escolha Exibição de página em todas as páginas.

5. Salve e publique a nova versão do contêiner.

Nota

O teste do painel lê o HTML da página e não roda scripts. Por isso, um código colocado pelo Google Tag Manager não aparece no teste, mesmo funcionando. Confira abrindo a página de um produto do catálogo e vendo se o botão aparece.

Os nomes dos menus podem mudar conforme a versão do admin e o tipo de layout. Se não encontrar a opção, consulte a central de ajuda da Nuvemshop ou peça a quem desenvolve a sua loja.

Testar

1. No painel da Provei, clique em Já instalei.

2. Cole o link de um produto do catálogo, por exemplo https://minhaloja.com.br/produtos/nome-do-produto/, e clique em Testar.

3. Com Tudo certo: o código está nesta página., abra a página e confira o botão.

Veja os resultados possíveis em Testar a instalação.

Problemas comuns

• Não encontramos o código nesta página. depois de instalar pelo Google Tag Manager: é esperado. Confira o botão direto na página do produto.
• Não encontramos o código nesta página. depois de editar o layout: confira se salvou, publicou e editou o layout em uso. Veja Código não encontrado.
• Troca de layout: o código fica no layout. Ao trocar de layout, cole de novo.
• O botão não aparece: o produto precisa estar no catálogo e ativo, e o endereço da loja precisa estar liberado pela Provei. Veja O botão não aparece.

Perguntas frequentes

Meu plano da Nuvemshop não permite editar o código. Consigo instalar?

Sim, pelo Google Tag Manager, que a Nuvemshop indica para adicionar scripts de ferramentas externas. Nesse caso o teste do painel não encontra o código, então confira o botão direto na página do produto.

Ainda existe o campo de códigos de rastreamento na Nuvemshop?

Não. Segundo a central de ajuda da Nuvemshop, esses campos saíram do ar em março de 2024. Use o código do layout ou o Google Tag Manager.

Veja também

• Testar a instalação do provador
• Não encontramos o código nesta página
• Provador virtual não aparece na loja
• Enviar instruções para quem cuida da loja