Como colocar pop-up de Newsletter?

VTEX in your native language 🌎 Português
1

Temos um pop-up criado na SendinBlue e queremos colocar no site, mas não está dando certo.

<iframe width="540" height="305" src="https://41ebf289.sibforms.com/serve/MUIEAHrqYVEqDW2G66FNKv1DH-AhiwIRHR9NiplDXcG_XOcfHdKj0qwG38enP-ywmXdYhTkXYom1sB0S-xeKD8GQ1AVdDxWHW806bQ2ckWFIatzusVGRWIHx1B8r4uDukGzsOgNVyBFhE_7fyhJxuJNBvha_jVsjY2Pp182Do30s-yWEiF1jAuj3FjKN7eiPX0MTkGR5AOqmABRh" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe>

2

O que não está dando certo?

3

Eu adicionei como Custom Elements e chamei no rodapé com o vtex.cmc. Então ele ficava no rodapé da página.

Então usei css para ele ficar seguindo a tela, deu certo, acrescentei um botão para fechar o pop-up. Aí que vem o problema, quando fecha, o pop-up some, porém não dá para clicar e nem rolar o site.

O código final ficou assim:

<div class="newsletter"><center><button onclick="this.parentElement.style.display='none'; ">X</button> <iframe width="540" height="715px" src="https://41ebf289.sibforms.com/serve/MUIEAL8t1wxd_3LXpk9EVv33AhbFD8TuXrmtW5u6ykNq-WbPTks-ZuWLm2qjI4quChhOrx3uE9nq6wZxDZsKcTxaA30JrddUh6knol-zLeCb3yQHJJ_CR8kNpM9d1eSqjM966iJyyxaDskMghUjil2P3JdpzZCbQe8GiELaVSdQTK7LFz-EzIfBLEJognnZW0c69N5Nspzt6II72" frameborder="0" scrolling="auto" allowfullscreen style="display: block;margin-left: auto;margin-right: auto;max-width: 100%;"></iframe></center></div>

4

Olá bom dia @Agência Presença - Mario Scariot​ ! Sugiro você utilizar nossa solução de Pop Up, para capturar leads instalação fácil na sua loja vtex.

​

O link abaixo é o Pop Up Free, permite apresentar CUPOM e capturar leads.

https://www.tadtarget.com/plataforma-de-marketing/instalar-pop-up-captura-leads é grátis.

5

Me parece que o problema está relacionado a tag

<center>

Afinal você está dando um display none no parente do botão.