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


# Usando VTurb com OrbitPages

Nesse artigo, vamos aprender a usar VTurb com OrbitPages 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_1gh5okf.png =584xauto)

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

3. **Na sua página, em Edição, clique em Blocos que fica no canto esquerdo da sua página:**
    
    Ao clicar no Blocos, automaticamente é aberta uma seção onde haverá várias opções de elementos.

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

4. **Você escolherá a seção conteúdos:**
    
    É a seção que vamos usar daqui para frente.

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

5. **Descendo a seção de Conteúdo até chegar no elemento “Vídeo Simples”:**
    
    Ao chegar no elemento de vídeo simples, você vai dar um clique no + como no print abaixo.

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

6. **Aparecerá uma seção de vídeo no fim da sua página com um vídeo modelo:**
    
    Nessa seção que iremos incluir o vídeo do VTurb.

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

7. **Clique único em editar:**
    
    Nessa seção aparecerá no canto dela algumas opções, incluindo a que vamos usar agora, a de editar.

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

8. **Aparecerá uma seção de edição:**
    
    Nessa seção que iremos incluir o código embed do VTurb.

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

9. **No fim da seção, em vídeo em destaque você escolhe “ Código incorporado”:**
    
    Nessa seção de edição, você seguirá até o final da página e encontrará uma seção chamada “Vídeo em destaque”. Provavelmente a opção selecionada é Youtube ou Vimeo, você deve trocar por “ Código incorporado”.

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

10. **Aparecerá um bloco de código ao lado:**
    
    Ao lado da opção que você selecionou anteriormente, aparecerá um novo bloco chamado “Código de incorporação”.

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

11. **Agora é só colar o embed JS do seu vídeo:**
    
    Nesse bloco de código que você deve inserir o seu código embed JS e logo após incluir, você aperta no botão “Salvar e fechar”.

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

Prontinho! Seu vídeo já estará funcionando e rodando 100% em seu site! 🙂

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