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


# Usando VTurb com Builderall

Nesse artigo, vamos aprender a usar VTurb com Builderall 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_x837oq.png)

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_1i2hjs0.png)

3. **Na tela de Edição, clique em < :**
    
    Na lateral da sua página de edição no site da Builderall, há uma setinha que você deve apertar para adicionar elementos em sua página:

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

4. **Desça o menu que aparecerá até encontrar o símbolo do iframe <>:**
    
    Descendo no menu lateral você encontrará um bloco com esse símbolo < >. É nele que vamos colocar o embed JS.

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

5. **Clique no bloco < >:**
    
    Clicando no bloco < > aparecerá o elemento de um mapa, o qual você deve arrastar até onde você quer deixar o vídeo da sua página. Por exemplo: se quer deixar seu vídeo centralizado, só arrastar o bloco para o meio do seu site, como nos 2 prints abaixo.

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

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

6. **Clique apenas no serrilhado em volta:**
    
    Assim que você posicionar o elemento, ele ficará com serrilhados em volta e sem conteúdo dentro dele, como na imagem abaixo.

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

7. **Abrirá uma seção ao lado:**
    
    Para começarmos a colocar o código, você já deve ter clicado na borda serrilhada do elemento no passo anterior. Ao fazer isso, aparecerá a seção seguinte ao lado.

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

8. **Clique em HTML embutido:**
    
    Clique em html embutido para nosso código funcionar normalmente, sem problemas, do jeito que fizemos abaixo.

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

9. **Você deve colar o embed dentro de uma div:**
    
    Logo após isso, na caixinha Incorporar Documento, você deve colar o embed, mas antes disso você deve colocar o código dentro de uma div. Calma que vamos te ajudar! 😅
    
    Apenas cole seu código no lugar que indicamos na div abaixo, trocando o ”seu embed JS aqui”.
    
    
```html
<div>
    seu embed js aqui
    </div>
```
    
10. **O código deve ficar dessa forma aqui:**
    
    ![https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/20220330131214-1_6oscvb.gif](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/20220330131214-1_6oscvb.gif =962xauto)
    
11. **Agora, é só copiar tudo e colar na caixa Incorporar documento**:

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

Prontinho! Agora seu vídeo estar rodando normalmente em seu site! 🙂

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

**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/)