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


# Usando VTurb com Wix

Nesse artigo, vamos aprender a usar VTurb com Wix 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_1scz7l7.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_1rgdrsp.png)

3. **Na sua página, em edição, clique no + que fica no canto superior esquerdo da sua página:**
    
    Ao clicar no + (adicionar), automaticamente é aberta uma seção onde haverá várias opções de elementos.

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

4. **Você deve procurar o elemento Incorporar:**
    
    É o elemento que vamos apertar para abrir uma nova seção.

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

5. **Procure o Elemento Incorpore um widget:**
    
    Você vai dar apenas 1 clique nele. Assim que der 1 clique, abrirá uma caixinha na sua página. Essa caixinha pode ser redimensionada apenas clicando e segurando na extremidade dela e puxando para o tamanho que você quer que o vídeo fique.
    
    Caso você use algum botão integrado com Vturb, você deve deixar a caixa bem alta para o botão aparecer dentro da caixa também.

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

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

6. **Clique na engrenagem (Configurações):**
    
    Você vai dar apenas 1 clique nela e abrirá uma caixinha na sua página.

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

7. **Abrirá uma segunda seção de configuração, onde você vai colar o embed do seu vídeo:**
    
    Na primeira parte da caixa de configurações, você deixa marcada a opção “Código”.
    Onde tem “adicione seu código aqui” é o lugar que você deve adicionar esse código completo abaixo:
    
    
```html
<allow script><style>.smartplayer-video-wrap{height: initial!important;}
    #smartplayer#smartplayer#smartplayer .smartplayer-video-wrap .smartplayer-video{height: initial!important;}
    .smartplayer-call-action { text-align: center!important; padding: 40px 0!important; }
    @media (max-width: 448px){ .smartplayer-call-action a.smartplayer-call-action--link{ 
    font-size: 16px!important; width: 100%!important;padding: 15px 0px!important; }}
    @media (max-width: 337px){ .smartplayer-call-action a.smartplayer-call-action--link{ font-size: 14px!important }} </style>
```

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

8. **Após colar o código, você vai colar o embed do seu vídeo depois do código, na mesma caixa.**
    
    Depois que você colou o código, o proximo passo é colar o embed do seu vídeo e apertar em “Atualizar”. A sequência deve ficar dessa forma mostrada abaixo.
    
    
```html
Código do passo número 7
    
    Seu embed JS
```
---

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

→ **Lembrando do espaço da caixinha para o botão:**

Caso você use algum botão integrado do Vturb, deverá deixar um espaço além do vídeo na caixinha, como no print abaixo.

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

Prontinho! Seu vídeo já estará rodando normalmente na sua página. 🙂

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