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


# Usando VTurb com Greatpages

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

3. **Na sua página, em Edição, desça a barrinha até encontrar o ícone </>:**
    
    Na tela de edição no GreatPages, no menu lateral, você vai arrastando a barra até chegar nesse ícone </> do html, é ele que vamos usar para inserir o embed do seu vídeo.

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

4. **Clicando no ícone do html, aparecerá uma caixinha no meio da sua página:**
    
    Clicando no ícone do html, aparecerá uma caixinha no meio da sua página. Você poderá redimensionar e mover ela na sua página livremente. A caixa é como na imagem abaixo.

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

5. **Clique dentro da caixa:**
    
    Clicando na caixa, aparecerá algumas ferramentas de edição, usaremos apenas um botão chamado Editar.

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

6. **Depois de clicar no botão Editar:**
    
    A caixa se transformará em um bloco para inserir códigos, é nela que você vai colar o embed JS do seu vídeo.

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

7. **Colando o Código:**
    
    Após colar o código embed JS, você apertará no novo botão que aparecerá embaixo do código o botão pronto para finalizar o processo.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1g1yk6r.png =611xauto)

→ **Seu vídeo não rodará na tela de edição:**

Você só precisará apertar no botão pré-visualizar que fica no canto superior direito da sua página para ver seu vídeo normalmente na sua página.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1tcq5fw.png)
### Usando o codigo de delay no greatpages:

| Atenção: Com a nova versão do Botão de Ação, você pode configurar o delay do botão de forma muito mais simples no painel, sem necessidade de usar o script. [Clique aqui e confira!](https://help.vturb.com/pt-br/article/como-usar-os-novos-botoes-de-acao-para-turbinar-seu-video-de-vendas-1bs1pz4/)

|| Caso queira utilizar o método antigo, o codigo do delay se encontra aqui: [Codigo de delay](https://help.vturb.com/pt-br/article/novo-player-codigo-de-delay-para-sincronizar-elementos-da-pagina-com-o-seu-video-1loyzpq/)

${frame}[Delay great pages](https://scripts.converteai.net/142ca180-3d21-42c9-b010-22478290899c/players/691214c0cdef49a085b5d1cc/v4/embed.html)



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