# Pop up de vídeo iSET

Você já conhece o **pop-up de vídeo da iSET**? Se não, pode estar perdendo ótimas chances de reter clientes!

### **O que é um pop-up de vídeo**

\
O pop-up de vídeo da iSET é, basicamente, um **pop-up de um vídeo no YouTube**. Ele aparece na loja virtual assim que ela é acessada por um visitante e pode ser fechado apenas com um clique no “X”. Ele pode ser **muito vantajoso e útil para um e-commerce**, como você verá neste post!

\
Você pode ver um **exemplo de um pop-up de vídeo da iSET,**

[neste link](http://magazine.lojavirtual.io/)**.**

![](https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FsQMx6rkiKQmshO89pn9c%2F0.gif?alt=media)

### **Como criar um pop-up de vídeo em sua loja virtual**

Caso deseje **personalizar ou fazer qualquer alteração no seu pop-up de vídeo**, é bom simples até para os que conhecem pouco sobre código HTML. Vamos lá:

1- **Acesso ao Painel Administrativo:** primeiro, acesse o painel administrativo da sua loja e clique em **Personalização** >> **Banners**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FcGd1ipN58JfMNPmKd7R2%2Fprint-painel-iset.png?alt=media&#x26;token=f73490e7-15de-47e2-849f-d0ab6a259e8e" alt=""><figcaption></figcaption></figure>

2- **Criação de um Novo Banner:** na página de Banners, clique no botão +**Novo** **Banner** para iniciar a configuração de um novo pop-up.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2F795xX9xtFYg6MzT6KSY5%2Fnovo-banner-painel-print.png?alt=media&#x26;token=deba5d03-53fc-47b2-9dfc-221b36e49c0b" alt=""><figcaption></figcaption></figure>

3- Já na página do **Novo Banner,** você deverá preencher realizar as seguintes configurações:

A- **Título do Banner:** preencha este campo com o nome escolhido para o pop-up.

B- Em seguida, selecione o campo **\</> HTML**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2FILWiSH1Yt6BLDWYyUcgC%2FCaptura%20de%20tela%202024-06-24%20171108.png?alt=media&#x26;token=1da57b07-6499-4de0-b68b-6d551e6e9d3d" alt=""><figcaption></figcaption></figure>

C- Para adicionar o vídeo no pop-up, clique sobre o botão **Código-Fonte,** em seguida preencha o campo com o código do vídeo desejado.&#x20;

**Lembrando que**, estamos falando somente de vídeos do YouTube.

**Exemplo:** \
\<div class="embed-responsive embed-responsive-16by9">\<iframeclass="embed-responsive-item" src="\*\*[https://www.youtube.com/embed/rDZYF2QifV0\*\*">\\](https://www.youtube.com/embed/rDZYF2QifV0**">\\)</iframe>\</div>

Cole a URL do seu vídeo do Youtube ou da sua imagem entre “**src=**” e “**>\</iframe**” no lugar da URL padrão: "[https://www.youtube.com/embed/rDZYF2QifV0"](https://www.youtube.com/embed/rDZYF2QifV0)

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fs8XRRbBi0pzmNp1K8OSh%2FCaptura%20de%20tela%202024-06-24%20171444.png?alt=media&#x26;token=6a936925-6e6a-4442-8dbf-0ee4a5571d26" alt=""><figcaption></figcaption></figure>

D- Por fim, role a página até o final e no campo **Tags/Keywords**, selecione a opção **popup-entrada**.

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fztp9nvlMIDgRENPFHp7b%2FCaptura%20de%20tela%202024-06-24%20171856.png?alt=media&#x26;token=f0ef4a2f-72c0-4b5b-b8ca-6438bc6a0de3" alt=""><figcaption></figcaption></figure>

4- Não se esqueça de salvar as alterações clicando no botão **Inserir** e de atualizar o cache!

<figure><img src="https://935039236-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtC5RsRPAz28LAb5rFkZl%2Fuploads%2Fh0xAYqbSq0lArXqYhdQV%2FCaptura%20de%20tela%202024-06-24%20172207.png?alt=media&#x26;token=1d2153ae-2b38-44e8-bdca-a8772c3de138" alt=""><figcaption></figcaption></figure>

Espero que o conteúdo tenha sido de grande utilidade para você.&#x20;

Caso precise de ajuda, basta entrar em contato com o nosso time de suporte!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/pop-up-de-video-iset.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
