Provador virtual na Shopify: como instalar

Na Shopify, o código da Provei vai no final do arquivo theme.liquid do tema publicado, logo antes de </body>. Você faz isso uma única vez e o botão aparece nas páginas dos produtos do seu catálogo.

Antes de começar

• Acesso ao admin da Shopify com permissão para editar temas.
• O endereço da loja que termina em .myshopify.com. Ele aparece no admin da Shopify em Configurações › Domínios.
• Produtos cadastrados no catálogo da Provei.

Copiar o código no painel

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

2. Escolha Shopify e clique em Continuar.

3. Em Qual é o endereço da sua loja na Shopify?, informe o endereço .myshopify.com, por exemplo minhaloja.myshopify.com, e clique em Continuar.

   Pode colar o endereço completo, como https://minhaloja.myshopify.com/admin, ou só o nome da loja. O painel ajusta.

   

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

5. Clique em Copiar código.

Colar o código no tema

1. No admin da Shopify, abra Loja virtual › Temas.

2. No tema publicado (o tema atual), clique no menu ⋯ e escolha Editar código.

3. Na pasta Layout, abra o arquivo theme.liquid.

4. Vá até o final do arquivo e cole o código logo antes da linha </body>.

5. Clique em Salvar.

Nota

Os nomes dos menus podem mudar um pouco conforme o idioma e a versão do admin da Shopify. Procure a opção de editar o código do tema atual.

O resultado fica assim, com o identificador da sua conta no lugar do exemplo:

    <!-- Provei - Provador virtual -->
    <script src="https://app.provei.ai/api/v2/snippet-fashion/00000000-0000-4000-8000-000000000000" async crossorigin="anonymous"></script>
  </body>
</html>

Se a sua loja está conectada à Provei pelo app da Shopify, o painel avisa em Opções para desenvolvedores e o código pode ser um pouco diferente do exemplo. Use exatamente o código que a tela Instalação mostra.

Testar

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

2. Cole o link de um produto que está no seu catálogo, por exemplo https://minhaloja.myshopify.com/products/nome-do-produto, e clique em Testar.

3. Com Tudo certo: o código está nesta página., abra a página na loja 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.: confira se você editou o tema publicado, não uma cópia, e se salvou o arquivo. Veja Código não encontrado.
• Loja protegida por senha: enquanto a loja estiver fechada com senha, o teste não consegue abrir a página do produto. Teste de novo depois de tirar a senha da loja.
• Troca de tema: o código fica no tema. Ao publicar outro tema, cole o código de novo.
• Use o endereço .myshopify.com: se aparecer Use o endereço que termina em .myshopify.com (por exemplo, minha-loja.myshopify.com)., informe o endereço da Shopify, não o domínio próprio da loja.
• O botão não aparece: o produto precisa estar no catálogo e ativo. Veja O botão não aparece.

Perguntas frequentes

Preciso do app da Provei na Shopify para instalar?

Não. O código copiado do painel funciona no tema da Shopify mesmo sem o app. Use exatamente o código que a tela Instalação mostra.

Onde encontro o endereço .myshopify.com?

No admin da Shopify, em Configurações › Domínios. Você pode colar o endereço completo no painel da Provei; ele é ajustado automaticamente.

Troquei de tema. Preciso instalar de novo?

Sim. O código fica no tema. Ao publicar outro tema, cole o código no theme.liquid do novo tema e teste de novo.

Veja também

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