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


# Usando VTurb com Kajabi

Nesse artigo, vamos aprender a usar VTurb com Kajabi 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_1cd6reg.png =524xauto)

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. **Em sua página de edição, aperte em “Add Section”:**

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

4. **Abrirá uma nova seção e você deve descer até chegar no elemento “Custom Code”.**
      Você pode digitar o nome Custom Code na barra de pesquisa também: 

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

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-1_1im5ra0.png =284xauto)

5. **Dê um clique sobre o elemento para aparecer a opção de “Add”:**
Clique em "Add"!

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-2_1qk70e0.png =254xauto)

6. **Será criada uma nova seção no final da sua página!**
A seção estará vazia, então será necessário passar o mouse sobre ela e apertar em “Edit”.

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-3_1hp1pho.png =763xauto)

7. **Ao apertar em “Edit” no passo anterior, abrirá essa seção, onde você deverá colar o embed JS do seu vídeo do VTurb dentro do bloco “Code”, como mostra os prints seguintes.**
Lembrando que deve ser excluído o texto que está dentro da caixinha “Code” que está com o texto (<!-- Code Goes Here -→). 
Esse texto e caracteres devem ser excluídos antes de colar o embed do seu vídeo!

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-4_q4er2u.png =636xauto)

8. **É assim que vai ficar após colar o embed JS do vídeo:**

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-5_klwpkn.png =275xauto)

9. **Prontinho! Seu vídeo do VTurb já está funcionando em sua página!**

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-6_1ywyogz.png =950xauto)

Obs: Caso queira aumentar o **tamanho do vídeo**, é só ir clicando nas colunas de “Width” na seção de edição.
Quanto mais colunas selecionadas, maior o vídeo vai ficar. No exemplo a seguir, ele está no nível 6:

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/untitled-7_107mx30.png =836xauto)

| E mais: Caso queira deixar o **vídeo na parte de cima da sua página**, é só você arrastar o "custom code" até as primeiras seções ou deixá-lo como primeira seção, assim como no no exemplo abaixo:

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

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

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