Anúncios de não vá embora

Olá, então eu gostaria de saber como fazer aqueles anúncios de não ir embora, o cliente vai para fechar a página e aparece a tela oferecendo os produtos que tem??

@ranyalanna, bom dia. São aplicativos que você instala na sua loja para oferecer essa opção, normalmente são pagos. No painel de lojista da LI tem um aplicativo que oferece essa opção que é a SmartHint, dá uma olhada. Além dela existem outros que também atendem a Loja Integrada, dá uma pesquisada na internet.

Veja este grátis. Só um exemplo. Você tem que mudar o html para suas necessidades:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ouibounce/0.0.11/ouibounce.min.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/carlsednaoui/ouibounce/master/test/ouibounce.min.css">
<style>
    #ouibounce-modal
    {
        display: none;
        z-index:999;
    }
    #ouibounce-modal form input[type=submit] {
      margin-top: -10px;
    }
    #ouibounce-modal form p {
      margin-left: 70px;
    }
    
    #ouibounce-modal .modal-footer {
     padding: 15px 0px;
    }
</style>
<!-- Ouibounce Modal -->
<div id="ouibounce-modal">
  <div class="underlay"></div>
    <div class="modal">
        <div class="modal-title">
            <h3>Obrigado pela visita</h3>
        </div>

        <div class="modal-body">
            <p>Não nos abandone</p>
                <form>
                    <input type="text" placeholder="seuemail@email.com">
                    <input type="submit" value="Leia mais &raquo;">
                    <p class="form-notice">*Isto é um fake form</p>
                </form>
        </div>

        <div class="modal-footer">
            <p onclick="document.getElementById('ouibounce-modal').style.display = 'none';">Não obrigado</p>
        </div>
    </div>
</div>

<script>
    var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'),{
        aggressive: true, //if true não segue a regra "uma vez por visitante"
    });
</script>