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:

Aparecerá essa caixinha na página:
Ao clicar em copiar o código, esse pop-up aparecerá no topo da sua página:

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.

Na tela de edição do novo editor, você vai em Adicionar estruturas e elementos

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

Abrirá uma nova opção dentro da sua página de "Edite HTML": Clique nessa opção.

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"

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!



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: 06/02/2025
Obrigado!