Usando VTurb com Atomicat
Usando VTurb com Atomicat
Nesse artigo, vamos aprender a usar VTurb com Atomicat em um passo a passo super detalhado.
Segue:
Ao fazer o login na Vturb, você verá um painel com todos seus vídeos. Você deve apertar em </> e copiar o código JS:

Aparecerá essa caixinha na página:
Ao clicar em copiar o código, esse pop-up aparecerá no topo da sua página.

Na sua página, em Edição, clique no Mídia que fica dentro da página de edição:
Ao clicar no Mídia, automaticamente é aberta uma seção onde haverá algumas opções de elementos.

Você deve clicar no elemento Vídeo:
Ao apertar no Vídeo, Será incluído um player em sua página, como na imagem abaixo.

Após o passo anterior, você deve clicar em seções:
Em Seções, você encontrará uma lista de todos elementos que você acabou de adicionar.

Agora, você clica nos 6 pontinhos que aparecem no elemento vídeo:
Ao encontrar o elemento vídeo, que foi o que adicionamos anteriormente, você deve apertar nos 6 pontinhos na extremidade dos elementos, como mostra a o print a seguir.

Após o passo anterior, abrirá uma seção de edição do player:
Ao chegar nessa seção de edição, provavelmente estará o Youtube como opção de player, como no print abaixo.

Você escolherá o VTurb como forma de integração no Atomicat:
Ao clicar no nome Youtube ou qualquer outro tipo de player de vídeo que esteja aparente para você, abrirá uma caixinha. Você deve escolher o VTurb como forma de integração.

Agora, você cola o código embed JS dentro da caixinha:
Após escolher o Vturb como integração, você cola o código embed JS, que copiamos anteriormente, na caixinha e depois aperte em salvar alterações, como mostramos abaixo.

Ao apertar em salvar alterações, seu vídeo não aparecerá em sua página de edição:
Após salvar as alterações e voltar à tela de edição, seu vídeo não aparecerá nela.

Seu vídeo rodará somente ao apertar em Publicar:
Após salvar as alterações e voltar à tela de edição, para visualizar o vídeo em sua página, você deve apertar em publicar, como no print abaixo.

Prontinho! Seu vídeo já estará funcionando e rodando 100% em seu site! 🙂
Não esqueça de adicionar seu(s) domínio(s) na aba de Segurança, garantindo proteção extra aos seus VSLs.
Saiba mais sobre o assunto em:
Saiba como usar o VTurb com os principais construtores de página!
Diferença entre o Iframe e o código JS
Atualizado em: 06/02/2025
Obrigado!