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:
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)
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)
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)
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)
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)
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)
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)
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)
![publicação](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_1miwd3h.png)
![página](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/image_14rergg.png)
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 Segurança, 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!
Diferença entre o Iframe e o código JS
Atualizado em: 18/10/2023
Obrigado!