> For the complete documentation index, see [llms.txt](https://ajuda.iset.com.br/inicio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ajuda.iset.com.br/inicio/minha-loja/personalizacao/pop-up-de-video-iset.md).

# 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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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!