> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.vturb.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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:

1. **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:**

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_pfnitm.png =679xauto)
    
2. **Aparecerá essa caixinha na página:**
    
    Ao clicar em copiar o código, esse pop-up aparecerá no topo da sua página.
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_11ddypl.png)

3. **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.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_14m73a8.png)

4. **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.
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_fqsvro.png)
    
5. **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.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_4gvu42.png)
    
6. **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.
   
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_tpmqxe.png)
   
7. **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.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1ufyb3o.png)
    
8. **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.
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1hrfo1z.png)
    
9. **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.
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1gacfhj.png)
    
10. **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. 
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_10rsq8y.png)

11. **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.
    
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_yj51cj.png =673xauto)
    
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&#32;[Segurança](https://help.vturb.com/pt-br/article/seguranca-14b0lwn/), 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!](https://help.vturb.com/pt-br/category/construtores-de-pagina-15iwcsj/)

[Diferença entre o Iframe e o código JS](https://help.vturb.com/pt-br/article/diferenca-entre-o-iframe-e-o-codigo-js-mbliqq/)