Данный код $MFORM_5$ в html меняем на свой или ставим то что вам нужно. Например что-нибудь с ВК
В таблицу стилей ставим в самый низ
Код
.exitblock{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1}
.exitblock .fon{background:#F6FCFF;opacity:.8;position:fixed;width:100%;height:100%}
.exitblock .modaltext{box-sizing:border-box;padding:20px 40px;border:2px solid #aeaeae;background:#f6fcff;position:fixed;top:100px;width:40%;box-shadow:0 4px 10px 2px rgba(0,0,0,0.5);right:0;left:0;margin:0 auto}
.exitblock .title{ font-family:Jura-Medium;color:#337AB7;font-size:20px}
.title{border-bottom:1px solid #dcdbd7;margin:20px 0;padding-bottom:20px;position:relative}
.title::before{background-color:#337AB7;border-radius:500px;bottom:-5px;content:"";height:10px;left:0;position:absolute;width:10px}
.title::after{border-bottom:2px solid #337AB7;bottom:-1px;content:"";height:0;left:0;position:absolute;width:65px}
Это ставим в нижнюю часть сайта в самый низ или на тех страницах где нужно, перед /body
Код
<noindex>
<div class="exitblock"> <div class="fon"></div> <div class="modaltext"> <div class="title"><center>Остались вопросы? <br><span style="font-size:large">Напишите мне письмо и я постараюсь в ближайшее время вам ответить</span></center></div> $MFORM_5$ </div></div>
<script type="text/javascript">$(document).mouseleave(function(a){a.clientY<0&&$(".exitblock").fadeIn("fast")}),$(document).click(function(a){$(".exitblock").is(":visible")&&!$(a.target).closest(".exitblock .modaltext").length&&$(".exitblock").remove()});</script>
</noindex>
Как выглядит работа данной штуки, можно посмотреть, наведя курсор на выход с сайта и закрытия в браузере