post #6472
Remover Popup Elementor da Tela ao Clicar em Botão Personalizado com JS
Publicado em: 03/10/2025 / Atualizado em: 03/10/2025
Nesse post compartilho um código Javascript que permite que você crie um botão dentro do seu Popup do Elementor, que permita ao usuário clicar e fechar (removendo o popup do HTML) o popup.
Segue código abaixo:
<script>
document.addEventListener("click", function(e) {
const btn = e.target.closest(".close-popup-modal-custom");
if (btn) {
document.querySelectorAll(".elementor-popup-modal").forEach(function(popup){
popup.remove(); // remove do DOM
});
}
});
</script>Para adicionar esse código, recomendo usar o widget HTML do Elementor, e adicionar dentro do próprio Popup, assim o código é carregando junto e não tem problema.
Não se esqueça de criar o botão e adicionar a CLASS .close-popup-modal-custom
Publicações recomendadas:
Link Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=6472
ID de Referência: 6472
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.