Carregador do provador de ambientes

Para o provador de ambientes (móveis, pisos e paredes), a tela Instalação recomenda o Carregador com verificação. Ele confere a conta antes de carregar o provador e avisa no console do navegador se algo der errado.

O código

Copie o código pronto na tela Instalação. Ele tem este formato, com o identificador da sua conta nos dois lugares marcados:

<script
  data-provei-widget-loader
  data-provei-user-id="00000000-0000-4000-8000-000000000000"
>
(function () {
  "use strict";
  /* ... código do carregador, igual ao do painel ... */
})();
</script>

Cole o código uma única vez, no layout usado por todas as páginas, logo antes de </body>. Não edite o conteúdo do script.

O que o carregador faz

Confere o identificador. Se data-provei-user-id não for um identificador válido, o provador não carrega e o carregador dispara o evento reverbs:error. Nesse caso nada aparece no console: copie o código de novo na tela Instalação.
Evita instalações duplicadas. Se o mesmo código já estiver na página, o carregador aproveita o provador que já está carregando.
Bloqueia códigos de contas diferentes. Se a página já tiver um provador de outra conta, o segundo não carrega e o carregador avisa.
Carrega o provador. Ele adiciona à página o script https://app.provei.ai/api/v2/snippet/ com o identificador da conta.
Avisa erros. Se o provador não carregar, aparece no console uma linha começando com [Provei], com a mensagem do erro.

Ver os avisos

Abra a página do produto com ?reverbs_debug=1 no fim do endereço, por exemplo https://www.minhaloja.com.br/produto?reverbs_debug=1, e abra o console do navegador. O ?reverbs_debug=1 mostra mensagens no console para diagnóstico.

Se o provador não carregar:

Confira se a página tem o código de uma conta só. Remova códigos de outras contas.
Confira se um bloqueador ou a política de segurança da loja não barra https://app.provei.ai. Veja CSP e domínios.
Recarregue a página. Se continuar, fale com o suporte e mande o link do produto e o texto que apareceu no console.

Para tratar esses casos no seu código, ouça o evento reverbs:error. Veja Eventos do provador.

Política de segurança de conteúdo

O carregador é um script escrito direto na página. Se a loja usa uma política de segurança de conteúdo (CSP), ele precisa de um nonce ou de um hash na política. Veja CSP e domínios.

Perguntas frequentes

Preciso usar o carregador ou posso colar só o script?

Os dois funcionam. O carregador é o recomendado para móveis, pisos e paredes, porque confere o identificador da conta e avisa no console do navegador se algo der errado.

O carregador funciona com o provador de moda ou de óculos?

Não. Ele serve só para o provador de ambientes (móveis, pisos e paredes). Moda, óculos e medidas usam o próprio script.

O suporte da Provei responde por e-mail e WhatsApp.