# Video Commerce para desenvolvedores

> O código da PROVEI.AI já carrega as vitrines de vídeo. Veja quando usar o código só do Video Commerce, onde copiar e como ele lida com SPA e CSP.

Canonical: https://provei.ai/ajuda/video-commerce/para-desenvolvedores/
Last updated: 2026-10-24
Translation (en): https://provei.ai/ajuda/en/video-commerce/para-desenvolvedores.md

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.

> **Nota:** O Video Commerce é ativado pela Provei. Fale com o suporte para ativar. Veja [Video Commerce](https://provei.ai/ajuda/video-commerce/).

## 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](https://provei.ai/ajuda/instalacao/) e [Modos de instalação](https://provei.ai/ajuda/desenvolvedores/modos-de-instalacao/).
- **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

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:

```html
<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

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](https://provei.ai/ajuda/desenvolvedores/lojas-spa/).

## 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](https://provei.ai/ajuda/desenvolvedores/csp-e-dominios/).

## 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)](https://provei.ai/ajuda/video-commerce/onde-aparece/#avan%C3%A7ado-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.

## Veja também

- [Video Commerce: instalação e carrinho](https://provei.ai/ajuda/video-commerce/instalacao/)
- [CSP e domínios para liberar na loja](https://provei.ai/ajuda/desenvolvedores/csp-e-dominios/)
- [Provador em lojas SPA e headless](https://provei.ai/ajuda/desenvolvedores/lojas-spa/)
- [Desenvolvedores: integrar o provador](https://provei.ai/ajuda/desenvolvedores/)