> ## 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 o Novo Editor de Páginas Hotmart


# Usando VTurb com o Novo Editor de Páginas Hotmart

Nesse artigo, vamos aprender a usar VTurb com o Novo Editor de Páginas Hotmart em um passo a passo super detalhado.

Segue:

1. **Ao fazer o login no VTurb, você verá um painel com todos os seus vídeos. Você deve apertar em </> e copiar o código JS:**

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

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

3. **Na tela de escolha do editor de páginas, na Hotmart, você escolherá "Novo editor" e depois "Editar"**

Caso sua página esteja pronta no novo editor, você selecionará ele para colocar o vídeo do vturb na sua página.

![passo1](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/2_11v3x0x.png =1027xauto)

4. **Na tela de edição do novo editor, você vai em  __Adicionar estruturas e elementos__ **

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

5. **&#32;Abrirá uma nova seção ao lado e você escolherá o elemento HTML. Arraste ele para o local da sua página onde deverá ficar o vídeo**

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

6. **&#32;Abrirá uma nova opção dentro da sua página de "Edite HTML": Clique nessa opção.**

![editar html](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1im9850.png =965xauto)

7. **&#32;Após clicar em "Edite HTML", abrirá uma nova seção,  onde você vai inserir o código JS do seu vídeo, que copiamos nos primeiros passos do tutorial, e colar ele na caixinha indicada como "Código HTML"**

![inserir embed](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_qztbvd.png =297xauto)

7. **&#32;Após isso, seu vídeo aparecerá no seu site de forma embaçada, mas só precisará ir em "Publicar" e visualizar seu site fora da tela de edição. Lá estará seu vídeo rodando normalmente!**

![embaçado](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_ib5dte.png =944xauto)

![publicação](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1miwd3h.png =594xauto)

![página](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_14rergg.png =896xauto)

Pronto! Seu vídeo já estará rodando normalmente no 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/)