Video Commerce para desenvolvedores
O código da PROVEI.AI, o mesmo dos provadores, já carrega as vitrines de vídeo que você publicou no Video Commerce. O código só do Video Commerce é uma alternativa para lojas que usam só os vídeos e não podem ter o código completo.
Qual código usar
Seção intitulada “Qual código usar”- A loja tem um provador da Provei: o código do provador que está no tema já carrega as vitrines. Não precisa de outro código.
- A loja vai usar só os vídeos: instale o código da PROVEI.AI pela tela Instalação. Sem provador ativo, ele carrega só o Video Commerce. Veja Instalar a Provei na sua loja e Modos de instalação.
- A loja não pode ter o código completo: use o código só do Video Commerce, abaixo.
O código só do Video Commerce
Seção intitulada “O código só do Video Commerce”Copie em Video Commerce › Instalar › Instalar de outro jeito › Avançado, no bloco Só o Video Commerce, ou em Instalação, no bloco Avançado: só o Video Commerce. O formato é este, com o identificador da sua conta:
<script async src="https://app.provei.ai/video-commerce/loader.js" data-fawkes-video-commerce="00000000-0000-4000-8000-000000000000"></script>Cole no layout usado por todas as páginas, logo antes de </body>. As vitrines aparecem só nas páginas e nos lugares escolhidos em cada vitrine.
Colocar os dois códigos na mesma página não duplica os vídeos: o segundo percebe que o primeiro já carregou e não faz nada.
Mudanças de página sem recarregar
Seção intitulada “Mudanças de página sem recarregar”O Video Commerce acompanha mudanças no conteúdo da página. Em lojas que trocam de página sem recarregar, ele confere o endereço novo e mostra as vitrines previstas para ele. Veja Lojas SPA e headless.
Política de segurança de conteúdo
Seção intitulada “Política de segurança de conteúdo”Se a loja usa nonce na política de segurança de conteúdo, coloque o nonce na tag do script. O Video Commerce repassa o mesmo nonce ao script que ele carrega.
Os vídeos vêm de endereços próprios de vídeo. Para saber quais liberar na sua política, fale com o suporte. Veja CSP e domínios.
Posicionar uma vitrine por seletor
Seção intitulada “Posicionar uma vitrine por seletor”Cada vitrine pode ser posicionada por um seletor CSS e ter CSS próprio, em Avançado (para desenvolvedores) no editor da vitrine. Use só quando os lugares prontos não funcionam no tema. Veja Avançado (para desenvolvedores).
Perguntas frequentes
Já tenho o código do provador na loja. Preciso do código do Video Commerce?
Não. O código da PROVEI.AI, o mesmo do provador, já carrega as vitrines de vídeo. Colar os dois não duplica os vídeos.
Onde copio o código só do Video Commerce?
No painel, em Video Commerce › Instalar › Instalar de outro jeito › Avançado, no bloco Só o Video Commerce. Ele também aparece na tela Instalação, no bloco Avançado: só o Video Commerce.